
@media screen and (min-width:100px) and (max-width:767px){
.main-logo{width:150px; margin:auto; float:none;}

body h2{font-size:28px;}
p{font-size:16px;}

nav{display:none;}
.center-blue-line{top:250px; left:-40px; display:none;}

.main-logo-back .main-logo{position:static; float:none;}

.one-section-bg h2{padding:20px 0 15px 0;}
.one-section-bg p{padding:0;}
.one-section-bg .slider-content-back{margin-top:20px; padding-bottom:40px;}
.one-section-slider{max-width:none; border:6px solid #FFF;}
.slider-content-back .padding-right{ padding-left:15px;}

.grey-section-bg{padding-top:40px; padding-bottom:40px;}
.grey-section-bg .thumbnail{margin:20px 0 0 0;}
.grey-section-bg .thumbnail:before{display:none;}
.grey-section-bg h2{font-size:28px; padding:0 0 15px;}
.grey-section-bg p{padding:0;}

.white-section-three-bg{padding-top:40px; padding-bottom:40px;}
.white-section-three-bg h2{padding:15px 0;}
.white-section-three-bg p{padding:0;}

}



@media screen and (min-width:767px) and (max-width:1125px){
nav{display:none;}

.main-logo{width:150px;}
body h2{font-size:30px;}
p{font-size:15px; line-height:24px;}
.one-section-bg h2{padding:20px 0;}
.one-section-bg p{color:#FFF; padding:0;}

.one-section-slider{max-width:none; border:6px solid #FFF;}

.center-blue-line{top:300px;}
.grey-section-bg h2{font-size:30px;}
.grey-section-bg p{padding:0;}

.grey-section-bg .thumbnail:before{display:none;}
.white-section-three-bg h2{padding:30px 0 20px 0;}
.white-section-three-bg p{padding:0;}

}

@media screen and (min-width:1023px) and (max-width:1125px){
.center-blue-line{top:350px;}

.one-section-bg h2{padding:50px 0 20px 0;}
.white-section-three-bg h2{padding:120px 0 20px 0;}

}