/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../../../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {
#banner{display:flex !important;}
	#header{margin-bottom:0px;}
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	.wrapper.max-width65,
	.wrapper.max-width80 { max-width: 100%; }

	.bg-colored { padding: 0; }

	/* Modules */
	.grid-h .mod-box-transparent { margin: 0; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

#banner{display:block !important; position:static !important;}
	#header{margin-bottom:0px;}
	.banner-cus .banner-left{margin-left:0px !important;}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }
	
.front-slide01 .slider-cg ul li, .front-slide02 .slider-cg ul li, .front-slide03 .slider-cg ul li, .front-slide04 .slider-cg ul li, .front-slide05 .slider-cg ul li{margin:0px 5px; padding:0px; list-style:none; float:left; width:30%; position:relative;}
	
	.callnow-img a{float:left; display:block; margin:20px 0px 0px 0px; padding:0px 20px;}
	.callnow-img a img{width:100%; height:auto;}
	
	.download-bro-btn{clear:both; float:none; margin:0px 5px;}
	
	#banner{display:block !important;}
	#header{margin-bottom:0px;}


}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#logo,
	#search,
	#menubar,
	#breadcrumbs  { display: none; }

	#header { margin-bottom: 20px; } 

	/* System */
	.searchbox { border: none; }
	
.front-slide01 .slider-cg ul li, .front-slide02 .slider-cg ul li, .front-slide03 .slider-cg ul li, .front-slide04 .slider-cg ul li, .front-slide05 .slider-cg ul li{margin:0px 5px; padding:0px; list-style:none; float:left; width:30%; position:relative;}
	
	.callnow-img a{float:left; display:block; margin:20px 0px 0px 0px; padding:0px 20px;}
	.callnow-img a img{width:100%; height:auto;}
	
	.download-bro-btn{clear:both; float:none; margin:0px 5px;}
	
	#banner{display:block !important; position:static !important;}
	#header{margin-bottom:0px;}
	
	/*custom css*/
	.product-detail-con .detail-left, .product-detail-con .detail-right, .twilight-section.mp-h2x-section .left-section, .twilight-section.mp-h2x-section .right-section{ width:100%; margin-bottom:10px;}
	.twilight-section .left-section{ width:100%; margin-bottom:10px;}
	.twilight-section .right-section{ width:100%; margin-bottom:10px;}
	.twilight-section .first-section, .twilight-section .second-section, .twilight-section .third-section{ width:100%; margin-bottom:10px;}
	.twilight-section .twi-fea-list ul li span{ width:100%;}
	.bottom-logo-row .right-section{ text-align:center; margin:5px 0px; }
	.bottom-logo-row .left-section{ text-align:center; margin:5px 0px; }
	.twilight-section.mp-h2x-section .twi-fea-list ul.zebra, .twilight-section.mp-h2x-section .twi-fea-list .image-section{ width:100%; margin-bottom:10px;}
	.green-border-box .right-section-green, .green-border-box .left-section-green{ width:100%; margin-bottom:10px;}


}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	.front-slide01 .slider-cg ul li, .front-slide02 .slider-cg ul li, .front-slide03 .slider-cg ul li, .front-slide04 .slider-cg ul li, .front-slide05 .slider-cg ul li{margin:0px 5px; padding:0px; list-style:none; float:left; width:30%; position:relative;}
	
	.callnow-img a{float:left; display:block; margin:20px 0px 0px 0px; padding:0px 20px;}
	.callnow-img a img{width:100%; height:auto;}
	
	.download-bro-btn{clear:both; float:none; margin:0px 5px;}
	
	#banner{display:block !important; position:static !important;}
	#header{margin-bottom:0px;}

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

	.searchbox { padding: 0 0 0 38px; }
	
	.front-slide01 .slider-cg ul li, .front-slide02 .slider-cg ul li, .front-slide03 .slider-cg ul li, .front-slide04 .slider-cg ul li, .front-slide05 .slider-cg ul li{margin:0px 5px; padding:0px; list-style:none; float:left; width:30%; position:relative;}
	
	.callnow-img a{float:left; display:block; margin:20px 0px 0px 0px; padding:0px 20px;}
	.callnow-img a img{width:100%; height:auto;}
	
	.download-bro-btn{clear:both; float:none; margin:0px 5px;}
	
	#banner{display:block !important; position:static !important;}
	#header{margin-bottom:0px;}
	.grey-box-list > div.mp-first-box{ width:100%;}
.grey-box-list > div.mp-second-box{ width:100%;}
.grey-box-list > div.mp-third-box{ width:100%;}

}
@media only screen and (max-width: 320px) {

	.banner-cus .header-social-icons{
		margin-left:20px;

}
.banner-cus .banner-right .top-menu ul li.topmenu-item10{
		margin-left:20px;

}
.front-slide01 .slider-cg ul li a span, .front-slide02 .slider-cg ul li a span, .front-slide03 .slider-cg ul li a span, .front-slide04 .slider-cg ul li a span, .front-slide05 .slider-cg ul li a span{display:block; padding:10px 4px; font-size:14px; line-height:0px;font-weight:bold; text-shadow:0 5px 10px rgba(0, 0, 0, 0.8) !important;}
.module{
	margin-bottom:-40px;
}
#block-bottom-c{
	margin-top:-40px;
}
.front-slide01 .slider-cg, .front-slide02 .slider-cg, .front-slide03 .slider-cg, .front-slide04 .slider-cg, .front-slide05 .slider-cg{position:absolute; bottom:15px; z-index:100; margin-left:15px;}
}
@media only screen and (max-width: 360px) {
	.front-slide01 .slider-cg ul li a span, .front-slide02 .slider-cg ul li a span, .front-slide03 .slider-cg ul li a span, .front-slide04 .slider-cg ul li a span, .front-slide05 .slider-cg ul li a span{display:block; padding:10px 4px; font-size:14px; line-height:20px;font-weight:bold; text-shadow:0 5px 10px rgba(0, 0, 0, 0.8) !important;}
}
@media only screen and (max-width: 460px) {
	.front-slide01 .slider-cg ul li a span, .front-slide02 .slider-cg ul li a span, .front-slide03 .slider-cg ul li a span, .front-slide04 .slider-cg ul li a span, .front-slide05 .slider-cg ul li a span{display:block; padding:10px 4px; font-size:14px; line-height:20px;font-weight:bold; text-shadow:0 5px 10px rgba(0, 0, 0, 0.8) !important;}
}