 /* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	body {padding-top: 0 !important;}	
	
	#headerwrap  {width:100%; background:none !important; text-align:center;}
	#desktop-header {display:none;}
	#mobile-header {display:block !important;}
	
	.call-us {margin-top:0;}
	.social-icons {margin-top: 25px;	text-align: center;}
	
	#nav-spc-slider-wrap {width: 100%;}	
	#navwrap {display:none;}
	#navwrap-mobile {display:block !important;}	
	#navbarCollapse {background:#FFFFFF;}
	
	
	.toggle-menu {display: block; background: url(../images/menu-icon.png)no-repeat 97% 50%; text-transform: uppercase; color: #fff; font-weight: bold; cursor: pointer; float: right; width: 32px; height: 30px; margin: 0; border: 1px solid #cccccc; border-radius: 3px; }	
	.main-menu { float: none; background: none; width: 100%; height: 40px; border-radius: 6px; margin: 5px 0; position: relative; z-index: 999;	}	
	.main-menu nav ul.menu { display: none;	}	
	.main-menu nav ul#menu-home.menu { background: #FFFFFF; border-radius: 0px 0px 6px 6px; width: 160px; position: absolute; left: 0px; top: 35px; padding: 0;}	
	.main-menu nav ul.menu > li { border-top: 1px solid #000000;}	
	.main-menu nav ul.menu > li:last-child { border-top: 1px solid #000000;} 
	.main-menu nav ul.menu > li a { 	color:#b2271b; font-weight:bold; font-size:12px; } 
	.main-menu nav ul.menu > li a:hover { 	color:#000000; 	text-decoration:none; }	
	.main-menu nav ul.menu > li { display: block; padding: 8px 10px;}	
	.fixed-top { min-height:100px !important;}
	
	#specialbox {width:100%; height:auto; background:#E93632; margin:25px 0; padding:15px 0;} .spcbox-right-title {margin-top:15px;}	
	#mainslider {display:none !important;}
	#banner {}	
	#maincontent {width:100%; min-height:500px; margin:5px auto;}	
	#desktop-slider-blog {display:none;}
	#mobile-slider-blog {display:block;}
	
	.whitebox-content {width:100%; min-height:100px;}	
	.latest-article {width: 100%; height: auto; min-height: 400px; padding:0 10px;}
	.latest-article h2 {font-size:22px;}	
	.latest-articles-content {width: 100%; height: auto; padding: 25px 10px; min-height: 500px;}	
	.img-container {margin-top:25px;}
	 .img-txt-title {font-size:18px; padding:5px 0;} 
	.transpabox-content {width:100%; min-height:100px; margin:0 0 35px 0; padding:10px;}	
	
	.most-popular {padding:0 10px;}	
	.more-info .style-text3 {padding:10px; font-size:18px;}	
	.media {margin-top: 15px !important;}	
	#customer-wrap {width:100%; height:100px; margin:25px auto;}
	.list-customers {width:98%; list-style-type:none; margin:0 auto; padding:0;}
	.list-customers li {display:inline-block; text-align:center; padding:5px;}
	.list-customers li:first-child {padding-left:5px !important;}
	.list-customers li:last-child {padding-right:0 !important;}
	
	#footer {margin:25px 0;}

#confirmBox {width:100% !important; left: 0 !important;margin-left: 0 !important;}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.centered {
		top: 65%;
	}
	
	.banner_title {}
	
	#headerwrap  {width:100%; background:none !important; text-align:center;}
	#desktop-header {display:none;}
	#mobile-header {display:block !important;}
	
	.call-us {margin-top:0;}
	.social-icons { margin-top: 25px; text-align: center;	}
	
	#nav-spc-slider-wrap { width: 100%;	}	
	#navwrap {display:none;}
	#navwrap-mobile {display:block !important;}	
	#navbarCollapse {background:#FFFFFF;}
	
	
	.toggle-menu { display: block; background: url(../images/menu-icon.png)no-repeat 97% 50%; text-transform: uppercase; color: #fff; font-weight: bold; cursor: pointer; float: right; width: 30px; height: 30px; margin: 0;}	
	.main-menu { float: none; background: none; width: 100%; height: 40px; border-radius: 6px; margin: 5px 0;position: relative; z-index: 999;	}	
	.main-menu nav ul.menu { display: none;	}
	
	.main-menu nav ul#menu-home.menu { background: #FFFFFF; border-radius: 0px 0px 6px 6px; width: 160px; position: absolute; left: 0px; top: 35px; padding: 0;}	
	.main-menu nav ul.menu > li { border-top: 1px solid #000000; text-align:left; font-size:12px;}	
	.main-menu nav ul.menu > li:last-child { border-top: 1px solid #000000;} 
	.main-menu nav ul.menu > li a { 	color:#b2271b; font-weight:bold; font-size:12px; } 
	.main-menu nav ul.menu > li a:hover { 	color:#000000; 	text-decoration:none; }	
	.main-menu nav ul.menu > li { display: block; padding: 8px 10px;}	
	.fixed-top { min-height:100px !important;}		
	#specialbox {width:100%; height:auto; background:#E93632; margin:25px 0; padding:15px 0;} 
	.spcbox-right-title {margin-top:15px;}	
	#mainslider {display:none !important;}
	#banner {}
	
	#maincontent {width:100%; min-height:500px; margin:5px auto;}	
	#desktop-slider-blog {display:none;}
	#mobile-slider-blog {display:block;}
	
	.whitebox-content {width:100%; min-height:100px;}	
	.latest-article {width: 100%; height: auto; min-height: 400px; padding:0 10px;}
	.latest-article h2 {font-size:22px;}	
	.latest-articles-content {width: 100%; height: auto; padding: 25px 10px; min-height: 500px;}	
	.img-container {margin-top:25px;}
	 .img-txt-title {font-size:18px; padding:5px 0;} 
	.transpabox-content {width:100%; min-height:100px; margin:0 0 35px 0; padding:10px;}	
	
	.most-popular {padding:0 10px;}
	
	.more-info .style-text3 {padding:10px; font-size:18px;}
	
	.media {margin-top: 15px !important;}
	
	#customer-wrap {width:100%; height:100px; margin:25px auto;}
	.list-customers {width:98%; list-style-type:none; margin:0 auto; padding:0;}
	.list-customers li {display:inline-block; text-align:center; padding:5px;}
	.list-customers li:first-child {padding-left:5px !important;}
	.list-customers li:last-child {padding-right:0 !important;}
	
	#footer {margin:25px 0;}
	
	
	.banner-wrap {
		width: 100% !important;
		height: 460px;
	}
	.banner-wrap-inner {		  
		background-size: cover;
		height: 100%;
		width: 100% !important;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.banner-wrap-inner h2 {
		padding: 100px 0;
		font-size: 3rem;
	}
	
	.banner-wrap-inner .search-wrap {
		width: 90% !important;
		height: auto;
		margin: 10px auto;
		background: none;
	}
	
		.banner-wrap-inner .input-group {
			display: block !important;
		}
	
	.banner-wrap-inner #srch-term1 {
		width: 100% !important;
		height: 40px;
		border: none !important;
		margin: 5px auto;
		border-bottom-left-radius:0 !important;
		font-size:18px;
	}
	
	.banner-wrap-inner #srch-term2 {
		width: 100% !important;
		height: 40px;
		border: none !important;
		margin: 5px auto;
		font-size:18px;
	}
	
	.banner-wrap-inner .input-group-btn {text-align:center;}
	.banner-wrap-inner .btn, .banner-wrap-inner .btn-default {border-radius: 4px !important;}
	
	#second-mobile {display:block !important;padding-top: 20px;}
	#second {display:none !important;}

#confirmBox {width:100% !important; left: 0 !important;margin-left: 0 !important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#headerwrap  {width:100%; background:none !important; text-align:center;}
	#desktop-header {display:none;}
	#mobile-header {display:block !important;}
	
	.call-us {margin-top:0;}
	.social-icons { margin-top: 25px; text-align: center;
	}
		
	#nav-spc-slider-wrap {/*display:none !important;*/}
	
	#navwrap {display:none;}
	#navwrap-mobile {display:block !important;}
	
	#navbarCollapse {background:#FFFFFF;}
	
	
	.toggle-menu { display: block; background: url(../images/menu-icon.png)no-repeat 97% 50%; text-transform: uppercase; color: #fff; font-weight: bold; cursor: pointer; float: right; width: 30px; height: 30px; margin: 0;
	}
	
	.main-menu { float: none; background: none; width: 100%; height: 40px; border-radius: 6px; margin: 5px 0;	         position: relative; z-index: 999;
	}
	
	.main-menu nav ul.menu { display: none;
	}
	
	.main-menu nav ul#menu-home.menu { background: #FFFFFF; border-radius: 0px 0px 6px 6px; width: 160px; position: absolute; left: 0px; top: 35px; padding: 0;
	}
	
	.main-menu nav ul.menu > li { border-top: 1px solid #000000; text-align:left; font-size:12px;
	}
	
	.main-menu nav ul.menu > li:last-child { border-top: 1px solid #000000;
	} .main-menu nav ul.menu > li a { 	color:#b2271b; 	font-weight:bold; 	font-size:12px; } .main-menu nav ul.menu > li a:hover { 	color:#000000; 	text-decoration:none; }
	
	.main-menu nav ul.menu > li { display: block; padding: 8px 10px;
	}
	
	
	.mobile-menu-wrap { width:100%; min-height:40px; background:#FFFFFF;
	}
	
	.mobile-menu-wrap .menu { margin:0; padding:0; list-style:none;
	}
	
	.mobile-menu-wrap .menu li{ display:inline-block; list-style-type:none; padding:0 3px;
	}
	
	.mobile-menu-wrap .menu li a { color:#b2271b; font-weight:bold; font-size:13px;
	}
	
	.mobile-menu-wrap .menu1 { margin:0; padding:0; list-style:none; text-align:right;
	}
	
	.mobile-menu-wrap .menu1 li { display:inline-block; list-style-type:none; padding:10px 20px; text-transform:uppercase; border-left:1px solid #555555;
	} 
	
	.mobile-menu-wrap .menu1 li a { color:#b2271b; font-weight:bold; font-size:12px;
	}
	
	
	/*.mobile-menu-wrap .menu1 li:last-child {  background: #F8641B !important; color:#FFFFFF !important;}*/
	 
	.fixed-top { min-height:100px !important;
	}
	
	#specialbox {width:100%; height:auto; background:#E93632; margin:25px 0; padding:15px 0;} .spcbox-right-title {margin-top:15px;}
	
	#mainslider {display:none !important;}
	#banner {}
	
	#maincontent {width:100%; min-height:500px; margin:5px auto; overflow:hidden !important;}
	
	#desktop-slider-blog {display:none;}
	#mobile-slider-blog {display:block;}
	
	.whitebox-content {width:100%; min-height:100px;}
	
	.latest-article {width: 100%; height: auto; min-height: 400px; padding:0 10px;}
	.latest-article h2 {font-size:22px;}
	
	.latest-articles-content {width: 100%; height: auto; padding: 25px 10px; min-height: 500px;}
	
	.img-container {margin-top:25px;}
	 .img-txt-title {font-size:18px; padding:5px 0;} 
	.transpabox-content {width:100%; min-height:100px; margin:0 0 35px 0; padding:10px;}	
	
	.most-popular {padding:0 10px;}
	
	.more-info .style-text3 {padding:10px; font-size:18px;}
	
	.media {margin-top: 15px !important;}
	
	#customer-wrap {width:100%; height:100px; margin:25px auto;}
	.list-customers {width:98%; list-style-type:none; margin:0 auto; padding:0;}
	.list-customers li {display:inline-block; text-align:center; padding:5px;}
	.list-customers li:first-child {padding-left:5px !important;}
	.list-customers li:last-child {padding-right:0 !important;}
	
	#footer {margin:25px 0;}
	
	.customer-wrap {width:100% !important;}
	
	.call-customer { color:#E93632; padding:10px 0;
	}
	
	.call-customer h4 {margin:0; padding:0;}
	
	
	#mailing-list-desktop {display:none !important;} 
	#mailing-list-mobile {display:block !important;}

	.payment-icons, .social-icons {
	  text-align:center !important;
	}

    div#sponcer {background:none !important;}
	
	.banner-wrap {
		margin: 10px auto 0 auto !important;
	}
    
    .mobile-menu-wrap .menu1 li.nav-get-quote {
        background: #F8641B !important;
        border-color: 1px solid #F8641B !important;
    }
    .mobile-menu-wrap .menu1 li.nav-get-quote a{
       color:#FFFFFF !important;
    }
	
	.banner-wrap {
		width: 100% !important;
		height: 460px;
	}
	.banner-wrap-inner {		  
		background-size: cover;
		height: 100%;
		width: 100% !important;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.banner-wrap-inner h2 {
		font-size: 3rem;
	}
	
	.banner-wrap-inner .search-wrap {
		width: 90% !important;
		height: auto;
		margin: 10px auto;
		background: none;
	}
	
		.banner-wrap-inner .input-group {
			display: block !important;
		}
	
	.banner-wrap-inner #srch-term1 {
		width: 100% !important;
		height: 40px;
		border: none !important;
		margin: 5px auto;
		border-bottom-left-radius:0 !important;		
		font-size:18px !important;
	}
	
	.banner-wrap-inner #srch-term2 {
		width: 100% !important;
		height: 40px;
		border: none !important;
		margin: 5px auto;
		font-size:18px !important;
	}
	
	.banner-wrap-inner .input-group-btn {text-align:center;}
	.banner-wrap-inner .btn, .banner-wrap-inner .btn-default {border-radius: 4px !important;}
	
	.banner-wrap-inner h2 {padding: 80px 0px 20px 0px !important;}

#confirmBox {width:100% !important; left: 0 !important;margin-left: 0 !important;}
} 

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}