/*-----ADD FOR IMPROVED PERFORMANCE----*/
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a {
 text-shadow: none;
 box-shadow: none;
 -webkit-box-shadow: none;
}

/*---CHECK FROM THIS LINE LATER---*/
/************************************************************************************
smaller than 1200
*************************************************************************************/
@media all and (max-width: 1200px) {
	

	.div_form_content_standalone, .div_info_display{
		width:50%;
	}

	.div_list_features{
		width:60%;
		}

		.div_display_40{
			width:50%;
		}
	

	
	}
	
	

	/************************************************************************************
	smaller than 1050
	*************************************************************************************/
	@media all and (max-width: 1050px) {
		.div_comp_home_display_cell{
			width: 47%;
		}
		

	}


/***************************
smaller than 1000 New header style
***************************/
@media screen and (max-width:1017px){
	.teutylogo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:5px 0 0 0 ;float:none}
	.logo2{display:none}
	nav{width:100%;}
	#cssmenu{width:100%}
	#cssmenu ul{width:100%;display:none}
	#cssmenu ul li{width:100%;border-top:1px solid #888888}
	#cssmenu ul li:hover{background:#363636;}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
	#cssmenu > ul > li{float:none}
	#cssmenu ul ul li a{padding-left:25px}
	#cssmenu ul ul li{background-color: rgb(168, 7, 28)!important;}
	#cssmenu ul ul li:hover{background:#ffffff!important}
	#cssmenu ul ul li:hover > a{color: #e40521!important;}/*Parent Dropdown effect*/
	#cssmenu ul ul ul li a{padding-left:35px}
	#cssmenu ul ul li a{color:#efefef;background:none}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
	#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
	.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
	.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
	.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
	.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#aaa;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
	#cssmenu .submenu-button.submenu-opened{background:#262626}
	#cssmenu ul ul .submenu-button{height:34px;width:34px}
	#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu .submenu-button.submenu-opened:after{background:#fff}
	#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	}




	
	
	/************************************************************************************
	smaller than 968
	*************************************************************************************/
	@media all and (max-width: 968px) {
	
	
		.div_form_content_standalone, .div_info_display{
			width:70%;
		}
		.div_list_features{
			width:80%;
			}

			.div_display_40{
				width:60%;
			}

			.div_display_60{
				width:80%;
			}

			.div_display_80{
				width:90%;
			}


	
	}


	/************************************************************************************
	smaller than 768
	*************************************************************************************/
	@media all and (max-width: 768px) {

		.font_ylarge{font-size:3em;}

		.font_xlarge {
				font-size: large;
				}
		.font_xxxlarge{
					font-size:2em;
				}

		.div_home_typed_content, .div_home_typed_image{
			width:95%;
		}

		.menu_text{
			display:none;
		}

		.cover_photo_logo_size{
			width: 130px;
			height:130px;
		}

		.div_main_product_img{
			width: 97%;
			padding:0% 0% 0% 0%;
		}
	
		.div_main_product_img_content{
			width: 95%;
		}

			

	}
	
	@media (min-width: 65em) {
		.div_header li {
		  float: left;
		}
		.div_header li a {
		  padding: 20px 30px;
		}
		.div_header .menu {
		  clear: none;
		  float: right;
		  max-height: none;
		}
		.div_header .menu-icon {
		  display: none;
		}
		
	  }
	  
	
	/************************************************************************************
	smaller than 686
	*************************************************************************************/
	@media all and (max-width: 686px) {

		.div_form_content_standalone{
			width:90%;
		}
		.div_list_features{
			width:90%;
			}

			.div_info_display{
				width:80%;
			}

			.div_display_40{
				width:80%;
			}

			.div_display_60{
				width:90%;
			}

			.cover_photo_logo_size{
				width: 120px;
				height:120px;
			}

			.mastheadhead_upload_form{
				right:20px;
			}
			.font_ylarge{font-size:xx-large;}

			.home_cover_img_text{top: 55%;}
	
	}
	
	

	/************************************************************************************
	smaller than 600
	*************************************************************************************/
	@media all and (max-width: 600px) {
		.div_comp_home_display_cell{
			width: 85%;
			margin-bottom:2%;
		}

		.font_ylarge{font-size:x-large;}
	

	}


	
	/************************************************************************************
	smaller than 580
	*************************************************************************************/
	@media all and (max-width: 588px) {
	
	.font_xxlarge{font-size:x-large;} /*---RECE HEADERS---*/
	
	.font_xxxlarge{
		font-size:xx-large;
	}



	}

	/************************************************************************************
	smaller than 500
	*************************************************************************************/
	@media all and (max-width: 510px) {

	
	}
	
	/************************************************************************************
	smaller than 480
	*************************************************************************************/
	@media all and (max-width: 480px) {

		.div_comp_home_display_cell{
			width: 90%;
		}

		.back_button{
			display:inline-block;
		}

	.font_xxlarge{font-size:large;} /*---RECE HEADERS---*/

	.font_xxxlarge{
		font-size:x-large;
	}


	/*------Hide Menu Texts----*/


	
	}
	
	/************************************************************************************
	smaller than 380
	*************************************************************************************/
	@media all and (max-width: 380px) {

		.div_comp_home_display_cell{
			width: 95%;
		}
	}
	
	
	/************************************************************************************
	smaller than 365
	*************************************************************************************/
	@media all and (max-width: 365px) {
	
			
	
	}
	
	
	
	/************************************************************************************
	smaller than 330
	*************************************************************************************/
	@media all and (max-width: 330px) {
	
		
	
	}