@media (min-width: 1200px) and (max-width: 1399px) {

}

@media (min-width: 992px) and (max-width: 1199px){
	
	.logo{margin-top: 0; padding-top: 15px;} 
	.home-header .header-bottom{position: fixed; background: rgba(0,0,0,0.97);}
	.logo img{width: 300px;}	
    .main-menu{float: none !important; margin: 0 !important;}
	.main-menu .navbar-toggler{font-size: 19px; padding: 3px; position: fixed; margin-right: 10px; top: 7px; right: 0px; z-index: 99; border:none;}
	body.scrolldown header.animateIt .main-menu .navbar-toggler{top: 6px;}
	.main-menu ul li{margin:0 0 10px;}
	.main-menu ul li a, .home-header .main-menu ul li a{ z-index: 99; font-size: 1.25rem; color: #333 !important; background: none !important; display: block;}
	.main-menu ul .active a, .main-menu ul li a:hover{ color:#fff !important; background-color: rgb(66, 183, 212)!important; border-radius:0 ;}
	.main-menu .navbar-collapse{ position: relative; top: 31px; left: inherit; right: 0; width: 100%; z-index: 99; background: #fff; border: 1px solid #ddd;}
	.main-menu .navbar-collapse ul li a{padding: 15px; font-size: 18px;}
	.navbar-toggler-icon{ padding: 1.25rem 1rem; }
	.main-menu ul li a{font-size: 16px; padding: 10px;}
	.home-header .main-menu .navbar-toggle{top: 15px;}
	.home-header .main-menu .navbar-collapse{top: 50px;}
	.banner-content{padding:20px 0;}
	.banner-content h1{font-size: 24px; line-height: 28px;}
	.banner-content p{font-size: 18px; line-height: 26px; margin-bottom: 10px;}	
	.service-box .service-footer{height: 280px;}
	
}

@media (min-width: 768px) and (max-width: 991px){

	header{padding: 0;}	
	.home-header{position: fixed;}
	.home-header .logo{margin-top: 0; padding-top: 15px;}
	.header-top{display: block;}
	.home-header .header-bottom{position: fixed; background: rgba(0,0,0,0.97);}
	.logo{margin-top: 0;}
	.logo img{width: 300px;}	
	.main-menu{float: none !important; margin: 0 !important;}
 	.main-menu .navbar-toggler{font-size: 19px; padding: 3px; position: fixed; margin-right: 10px; top: 7px; right: 0px; z-index: 99; border:none;}
	body.scrolldown header.animateIt .main-menu .navbar-toggler{top: 6px;}
	.main-menu ul li{margin:0;}
	.main-menu ul li a, .home-header .main-menu ul li a{ z-index: 99; font-size: 1.25rem; color: #333 !important; background: none !important; display: block;}
	.main-menu ul .active a, .main-menu ul li a:hover{ color:#fff !important; background-color: rgb(66, 183, 212)!important;; border-radius:0 ;}
	.main-menu .navbar-collapse{ position: relative; top: 31px; left: inherit; right: 0; width: 100%; z-index: 99; background: #fff; border: 1px solid #ddd;}
	.navbar-toggler-icon{ padding: 1.25rem 1rem; }
	.main-menu .navbar-collapse ul li a{padding: 15px; font-size: 18px;}
	.main-menu ul li a{font-size: 16px; padding: 10px;}
	.home-header .main-menu .navbar-toggle{top: 15px;}
	.home-header .main-menu .navbar-collapse{top: 50px;}
	.banner-image{display: none;}
	.banner-slider{margin-top: 30px;}
	.banner-slider .item{height: 300px;}
	.banner-overlay{padding: 18% 0 0;}
	.banner-content h2{font-size: 34px; line-height: 45px;}
	.contact-res{margin-top: 30px;}
	.Contact-content{margin-top: 0; padding-top: 50px;}
	.service-box .service-footer{height: 350px;}

}

@media (max-width: 767px) {
	
	header{padding: 0;}	
	.header-top{display: block;}
	.home-header{position: fixed;}
	.home-header .header-bottom{ background: rgba(0,0,0,0.7); padding: 3px 0;}
	.logo{margin-top: 0; padding-top: 15px;}
	.logo img{width: 300px;}
	.main-menu{float: none !important; margin: 0 !important;}
	.main-menu .navbar-toggler{font-size: 19px; padding: 3px; position: absolute ; margin-right: 10px; right: 0px; z-index: 99; border:none;}
	.main-menu ul li{margin:0 ;}
	.main-menu ul li a, .home-header .main-menu ul li a{font-size: 18px; background: none !important; z-index: 99; color: #333 !important; display: block;}
	.main-menu .navbar-collapse{position: fixed; top: 7px; left: 0; right: 0; margin-top: 8px; background: #fff; border: 1px solid #ddd;}
	.main-menu .navbar-collapse ul li a{padding: 15px;}
	.navbar-toggler{margin-top: 3rem;}
	.navbar-toggler-icon{ padding: 1.25rem 1rem; margin-top: 10px;}
	.home-header .main-menu .navbar-collapse{top: 50px;}
	.main-menu ul .active a, .main-menu ul li a:hover{background-color: rgb(66, 183, 212)!important; color: #fff !important; border-radius:0 ;}
	.banner-slider{margin-top: 50px;}
	.banner-slider .item{height: 200px;}
	.banner-section .item img{height: 280px;}
	.banner-overlay{padding: 85px 0 0;}
	.banner-content h2{font-size: 18px; line-height: 28px; margin: 20px 0 10px;}
	.banner-content p{font-size: 15px; line-height: 26px; margin-bottom: 10px;}
	.banner-slider .owl-dots{bottom: 10px;}
	section{padding: 25px 0;}
	section p{font-size: 15px;}
	.service-box{ height: 680px; width: auto;}
	.service-box .service-footer{height: 570px;}
	.service-content , .service-content-alt{ padding: 10px 20px 20px 40px; }
	input[name="First Name"],input[name="email"]{ margin-right: 0; padding-left: 13px;}
	input[name="Last Name"],input[name="Phone"]{ margin-left: 0;}
    .contact-form-L-div, .contact-form-R-div{ padding: 0px;}
	.img-left{ padding-left: 10px; padding-right: 10px; }
	.img-right{ padding-right: 10px; padding-left: 10px;}
}