/****** WIDTHS  *********/

.aboutPanel, .banner-panel-two .item, .testimonialPanel,
.home-green-panel .item, 
.headerInnertop, .headerbottomBottomContainer, .footerOuter, .copyright
{width: 100%;padding-left: 100px;padding-right: 100px}

.bodyContainer{max-width: 1400px;width: 100%;padding-left: 100px;padding-right: 100px}

.home_container .bodyContainer{margin: auto;max-width: 100%;padding: 0 !important;}


@media  (min-width : 2560px) {


	
}	
@media  (min-width : 1920px)
and (max-width : 2559px) {

}
@media  (min-width : 1250px) {
.home-green-panel {
    background-image: url(/media/public/upload/images/home-06-large.jpg);
}


}
@media only screen 
and (min-width : 1415px) 
and (max-width : 1649px) {

}


@media only screen 
and (max-width : 1426px) {
.topbanner h1 { font-size:60px;line-height: 110%;}
/*.home_container .topbanner-center { height: 500px;}*/

}
@media only screen 
and (max-width : 1280px) {
.bodyContainer,
.aboutPanel, .banner-panel-two .item, .testimonialPanel, 
.home-green-panel .item, 
.headerInnertop, .headerbottomBottomContainer, .footerOuter, .copyright
{padding-left: 80px;padding-right: 80px}


}
@media only screen 
and (max-width : 1150px) {
/*.home_container .topbanner-center, .home_container .bannerimg { height: 480px;}	*/
.banner-panel-two .outer_top_right {padding: 24px 54px 0 0 !important;}
.about-us-panel h2 {width: auto;}

}
@media only screen 
and (max-width : 1100px) {	
.bodyContainer,
.aboutPanel, .banner-panel-two .item, .testimonialPanel, 
.home-green-panel .item, 
.headerInnertop, .headerbottomBottomContainer, .footerOuter, .copyright
{padding-left: 60px;padding-right: 60px}
.topbanner h1 { font-size: 48px;}
.home-green-panel .content {width: 50%;}

}
@media (max-width : 1064px){
.extra-panel-left { flex: 0 0 40%; padding: 0 20px;}
.extra-panel-right {padding: 0 8px 0 0;}
/*.home_container .topbanner h2 { font-size: 16px;padding: 16px 32px 0;margin: 0}*/

}
@media (max-width : 1030px){ 
.footerText h2 {width: 600px;}
.headerColumnMiddleContainer p { font-size: 24px;}
.services-panel .info_content { padding: 24px}

 }
@media (max-width : 990px){
/*.home_container .topbanner-center, .home_container .bannerimg { height: 450px;}	*/

 }
@media (max-width : 970px) {
.topbanner h1 { font-size: 48px; line-height: 110%}
.topbanner h1 br { display:none}
.about_container  .topbanner h1 br { display: inline;}
.topbanner h1 { font-size: 54px;}
.modContainer {width: 100%;max-width:100%;}
/*.information .itemouter, .modContainer {padding: 0 40px 24px;}*/
.profile .info_content { padding: 8px 40px;}
.extra-panel .info_content { padding: 24px; display: flex; align-items: unset;}
.extra-panel-right { padding: 0 8px 0 0; display: inline-block; flex-wrap: unset;}
.extra-panel-left { flex: 0 0 50%;}
.extra-panel .info_content {
    display: block;
    height: auto;
    flex: unset;
    flex-direction: unset;
}


 }
@media (max-width : 920px) {
.bodyContainer,.aboutPanel, .banner-panel-two .item, .testimonialPanel, .home-green-panel .item, 
.headerInnertop, .headerbottomBottomContainer, .footerOuter, .copyright
{padding-left: 40px !important;padding-right: 40px !important;display: block;}
.headermiddleBottomContainer, .headerColumnMiddleContainer, .fullwidth_horizontal { height: 5em;}
.headermiddleBottomContainer, .headerColumnMiddleContainer { width: auto;}
.headerrightBottom { max-width: 70%;}
.headerleftBottom { margin-right: 8px;}

/*.home_container .topbanner-center, .home_container .bannerimg {height: 350px;}*/
.aboutPanel .outer_top_right, .aboutPanel .outer_left {width: 50%;padding: 48px !important;}
.aboutPanel .outer_left {margin-top: 40px;}
.about-us-panel h2 {width: auto;}
.services-panel { padding-left: 48px; padding-right: 48px;}
.home-green-panel {background-image: url(/media/public/upload/images/home-06-small.jpg);background-size: cover;background-repeat: no-repeat;background-position-x: right;background-position-y: 30px;}
.banner-text-heading {right: 40px;}
.topbanner h2 { font-size: 16px;}

.home-green-panel .content {width: 410px;}
.banner-panel-two .outer_left {display: block;padding: 0 24px 24px;}
.banner-panel-two .outer_top_right {display: block;flex: unset;padding: 24px 54px 0 24px !important;}
.banner-panel-two .outer_left {display: block;flex: unset;padding: 0 54px 24px 24px !important;}
	
.pl60 {padding-left: 40px;}
.pb60 {padding-bottom: 40px;}
.pr60{padding-right: 40px;}
.pt60{padding-top: 40px;}	
.services-panel .info_content { padding:0;}
.banner-panel-two .outer_top_right { padding-top: 0 !important;}
.contact{ background-color: transparent}
.contactcontainer ul {padding: 0;}

}
@media only screen 
and (max-width  : 840px) {
.topbanner h1 { font-size: 40px;}
.nav li { padding: 8px 0 8px 10px;}

}
@media only screen 
and (max-width  : 820px) {
.nav.main.top-right-T {margin-left: 8px; padding: 0 0 0 8px;}

}
@media only screen 
and (max-width  : 800px) {
.itemouter, .column90p, .two_col_568, .column50p, .details-profile_container .icon01, .blogContent, .blogContentImage,
.mainList, .author, .subject, .comments, .link, .date
{ width: 100%;}

.bodybox, .footerOuter, .copyrightContent, .headerColumnLeft, .two_col_568, .blogContentImage { padding: 0 !important;}
.headerInnertop {padding: 16px 40px 8px;}
.headerInnertop,.footer{ padding: 8px 40px;}

h3, h4 {
    font-size: 24px;
}
.aboutPanel .outer_top_right, .aboutPanel .outer_left {padding: 32px 40px !important;}
.aboutPanel .outer_left {margin-top: 0;}


/*enlarge font
h1{ font-size: 48px ;}
h2{ font-size: 40px ;}
h3, .subheading2 h3{ font-size: 32px  !important;line-height: 140%;}
h4{ font-size: 24px  !important;}
/*h1, h2, h3,h4{ font-weight: 600; }*/

.banner-panel-two {margin-top: 0 !important;}
.banner-panel-two h3, .banner-panel-two p {text-align: center;}
	
.itemouter.aboutPanel { width: 100% !important;}
.item.banner-panel.equalblock { padding: 40px 60px !important; text-align: center}
.banner-panel-two .outer_top_right { flex: unset;padding: 16px !important;}
.banner-panel-two .outer_left { flex: unset; padding: 0 16px 16px !important;}
.topbanner h1 {font-size: 40px; }

.date, .author {text-align: left;float: left;}
.staff .read-more {position: relative;bottom: 16px;float: right;}
.mobilephone{background-size: 20px !important;padding: 8px 40px 8px !important;}
/*.phone{background-size: 30px !important;padding: 8px 40px !important;}*/

.contactdetails, .enquiriesform {width: 100%;}
.contactdetails{ text-align:center}
.list .pageIntro-top {margin-bottom: 0;}

.info_content h4 {width: 460px;margin: auto;}

.highliteBox { padding: 40px 40px 24px 40px !important;margin: 20px 0;}
.highliteBox .info_content {padding: 0 0 8px 40px;}

.testimonialPanel {padding-bottom: 24px;}

.product_list.list .itemouter { width: 44%; margin-left: 2%; margin-right: 2%;}
.product_details .outer_top_right { padding-left: 0 !important;}

.footer-right {border-top: 1px solid #32415F;margin-top: 24px;}
.footer-right .footerTextContainer { border:0 none;}
.footerText .phone { font-size: 24px;}
.footer-right .footerTextContainer { display: block; text-align: unset; float: left; width: 100%; padding-left: 0; }
.left .footerTextContainer, .middle .footerTextContainer, .middle_right .footerTextContainer {margin:0;}

.footerBits { padding-bottom: 0;}
.copyright {padding: 16px 0 !important;margin-top: 16px !important;}
.mobile_col, .footer .extra{width: 100%;}
.footer .extra{border-right: 0 none; height: auto; padding:0}
.copyright {background-color: transparent;}
.footer-right .socialicons_ { text-align: left;}
.leftcenterright.footer-center-left{ padding: 0 15px;}

body { display: block; width: 100%; background-position: right top !important; background-image: url(../../../../../media/images/upload/template/berlexautoflow-logo-02.gif); background-repeat: no-repeat; 
background-size: 200px;}
.mobileMenu.menubox-M-headertop.mob_show { min-height: 60px}
.headerInnertop { display: none;}

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


}
@media only screen 
and (max-width  : 780px) {
.services-panel {padding: 24px 54px !important;}
/*.services-panel .info_content {padding: 40px 0 0;}*/
.services-panel-box .top {flex:unset;-ms-flex: unset;}
.services-panel-right {display: block; flex: unset; flex-wrap: unset; padding: 0; justify-content: unset;}
.services-panel-box {padding: 0 40px 24px; flex: unset;width: 100%;margin: 0; border-left: 0 none;}
.pl60, .pr60	{padding:0;}

.home-green-panel { padding: 0;}	
.home-green-panel {background-position: top right;background-size: 150%;padding:0  !important;}
.home-green-panel .item { padding-left: 0 !important;padding-right: 0 !important;}
.home-green-panel .content {width: 100%;}	
.home-green-panel .info_content{margin-top: 340px;}	


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

.expertise .info_content ul { flex: unset; padding: 24px 40px;}

.aboutPanel, .banner-panel-two { margin-top: 0  !important;padding: 0 !important;}
.about-us-panel h1 {padding:0;}
.about-us-panel h2 { width: 100%;}
.aboutPanel .outer_left { margin: 0  !important;padding: 24px 40px !important;}

.banner-panel-two .item {display: inline-block;padding: 24px 54px !important;}
.banner-panel-two .outer_top_right, .banner-panel-two .outer_left { display: block;
flex: unset; flex-wrap: unset;padding:0 !important;}
.product_details h2, .product_details h3 { font-size: 24px !important;}

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

}
@media only screen 
and (max-width  : 660px) {
.information_list.list .item.staff { width: 100%;}
.headerColumnLeft, .headerColumnRight, .headerInnerbottom { text-align: center !important;width: 100%;}
.footer-right .socialicons_, .footer-right .footerTextContainer {text-align: left;}
.headerColumnRight {text-align: left;float: left; margin:0; }
.headertextposition_right .phone {  float: left; padding: 0 !important;}
.headerleftBottom, .headermiddleBottom {min-width: auto;width: auto; max-width: unset;}
.headertextposition_right .phone {font-size: 24px;}
.extra-panel {background-size: 160%;}
.extra-panel .info_content { display: block; }
.extra-panel-right {padding: 0 20px;}
.extra-panel-left { flex: unset;}

.highliteBox .column30p, .highliteBox .info_content,.additionalimages p { text-align: left; padding: 8px 0;width: 100%}

.headertextposition_left, .headertextposition_right .phone p {padding: 0;}
h1, h2, h3, h4, p{ text-align:left}
.homePanels h1, .homePanels h2, .homePanels h3, .homePanels h4, .homePanels p { text-align: center}
 .footer h1, .footer h2, .footer h3, .footer h4, .footer p, .footer li { text-align:left}
.copyright a, .copyright p {font-size: 12px}

}	
@media only screen 
and (max-width  : 600px) {
.profile .info_content { padding: 0; width: 100%;}	
.profile .imagelist_cont { height: unset;}	
.extra-panel-right { padding:0;}
.home-green-panel .info_content {margin-top: 300px;}
.extra-panel .info_content {padding: 24px 0;}
.info_content h4 {width: 100%;}	

.highliteBox {
    padding: 0 !important;
    border-radius: 0;
    margin: 20px 0;
    background-color: #fff;
    box-shadow: unset;
}

.topbanner h1 { font-size: 24px}

}
@media only screen 
and (max-width  : 520px) {
.home-green-panel .info_content {margin-top: 210px;}		



}
@media only screen 
and (max-width  : 480px) {
.contact-us_container .maincontentOuter { padding: 0; max-width: 100%;width: 100%;}

/*.home_container .topbanner-center, .home_container .bannerimg {height: 210px;}*/
.about_container  .topbanner h1 { padding: 0; }
.home-green-panel .info_content {margin-top: 260px;}
.services-panel-box { padding: 0 0 24px;}

}
@media only screen 
and (max-width  : 420px) {
.banner-panel-two .item, .services-panel { padding: 40px !important;}
.home-green-panel {background-size: 170%;}
.highlite { padding: 0; border-radius: 0; box-shadow: unset;flex: unset;background-color: #fff;}
.product_details .itemouter { padding: 0;background-color: transparent;}
h1{ font-size: 32px;}
h2{ font-size: 32px ;}
h3, .subheading2 h3{ font-size: 24px !important;}

}
@media only screen 
and (max-width  : 360px) {
.bodyContainer {padding-top: 16px;}
.headertextposition_left {text-align: center;}
.headertextposition_right .phone { float: unset; text-align: center;font-size: 24px;}
/*enlarge font*/


/*---------------------- Banner ---------------------- */	
.topbanner, .bannerimg, .bannerimg #bannerimg, 
.bannerleft, .bannerheading, .bannertext{display:none;}
}