/*-------------------------------------------------------------------------------------
Theme Name: Mountain IT (MIT) Solutions
Theme URI:  www.mountainitconsulting.com
Version:    1.0
Author: www.chandu4u.com
-------------------------------------------------------------------------------------
 RESPONSIVE STYLES
-------------------------------------------------------------------------------------*/

/* Large devices (large desktops, 1200px and up) */
@media screen and (max-width: 1199px) and (min-width: 1024px) {
 .home-page-varient li {
 width: 27.3%;
 height: 295px;
}
 .main-header .navbar-transparent .navbar-brand {
 width: 235px;
}
}
/* Large devices (large desktops, 1024px and up) */
@media screen and (max-width: 1024px) and (min-width: 991px) {
	/*==================================
		landing page
	====================================*/
	.home-page-varient li {
 width: 27.3%;
 height: 295px;
}
 .banner-wrapper {
 height: 500px;
}
 .slider-option {
 height: auto;
}
 .navbar-transparent .navbar-brand > img.logo-scrolled {
 display: none !important;
}
 .navbar-brand > img.logo-display {
 display: none !important;
}
 .navbar-brand {
 padding: 0px;
}
 .navbar-brand img {
 padding: 0px;
 width: 160px;
}
 .navbar-transparent .navbar-brand > img.logo-display {
 display: block !important;
 width: 280px;
}
}
/* Medium devices (desktops, 992px and up) */
@media screen and (max-width: 991px) and (min-width: 767px) {
 .main-header .navbar-default.navbar-transparent {
 background: #fff !important;
}
 .main-header .navbar-transparent .navbar-brand {
 width: 210px;
 padding:0 15px;
}
 .main-header .navbar-brand {
 padding:0 15px;
}
 .main-header .navbar-default.navbar-transparent ul.nav li a {
 color: #000 !important;
}
 .main-header .navbar-default.navbar-transparent ul.nav > li > a {
 padding:12px 0px !important;
 border-bottom: 0px;
}
 .slider-option {
 height: 80%;
}
 .slider-option .swiper-container .swiper-slide .banner-content {
 left: 70px;
}
	/*==================================
		image-banner-page
	====================================*/
	.banner-wrapper {
 height: 500px;
 margin: 0px 50px;
}
	

	/*==================================
	  modern banner page
	 ====================================*/
	 .video-des-sec h1 {
 font-size: 30px;
}
 nav.bootsnav.brand-center.small-logo .navbar-collapse .col-half.left {
 padding-right: 0px !important;
}
 nav.bootsnav.brand-center.small-logo .navbar-collapse .col-half.right {
 padding-left: 0px !important;
}
 .service-cam {
 height: 650px;
 margin-top: 100px;
}
 .boxed-services li {
 padding: 20px;
}
 .boxed-services li .service-icons {
 width: 30%;
 display: block;
 margin-bottom: 20px;
}
 .boxed-services li .service-describtion {
 width: 100%;
 margin-left: 0px;
}
	/*==================================
		contact page  
	  =================================*/
	  ul.bottom-address li {
 width: 33.3%;
 float: left;
}
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 767px) {
 .clean-padding {
 padding: 20px 0 !important
}
 .slider-option {
 margin-top:55px;
}
 .main-header .navbar-default.navbar-transparent {
 background: #fff !important;
}
 .main-header .navbar-transparent .navbar-brand {
 width: 210px;
 padding:0 15px;
}
 .main-header .navbar-brand {
 padding:0 15px;
}
 .main-header .navbar-default.navbar-transparent ul.nav li a {
 color: #000 !important;
}
 .main-header .navbar-default.navbar-transparent ul.nav > li > a {
 padding:12px 0px !important;
 border-bottom: 0px;
}
 .caption-head {
 padding:20px 0;
}

	/*general-ui*/
	h1 {
 font-size:25px;
}
 h2 {
 font-size:22px;
}
 p {
 font-size: 12px;
}
 h3 {
 font-size: 17px;
}
 label.bottom-caption {
 font-size: 15px;
}
 ul, ol {
 padding-left: 20px;
}



	/*==================================
		image-banner-page
	====================================*/
	.banner-wrapper {
 height: 400px;
 margin: 0px 50px;
}
 .center-img > img {
 width: 90%;
}
 .no-shadow .counter-item {
 border-right: 0px;
 border-bottom: 1px solid #ccc;
 padding-top: 30px;
}
 .counter-wrapper.no-shadow .col-sm-3:last-child .counter-item {
 border-bottom: 0px;
}

	/*==================================
		video-banner-page
	====================================*/
	.gallery-slider {
 padding: 20px 0;
}
 .testimonial {
 padding-bottom: 20px;
}
 .our-team figure.team-wrap img {
 width: 100%;
}
	/*==================================
	  modern banner page
	 ====================================*/
	 .about-modern {
 padding: 0px;
}
 .video-img-sec {
 width: 100%;
 height: 300px;
}
 .video-des-sec {
 width: 100%;
}
 .gallery-isotop {
 padding-bottom: 0px;
}
 .gallery-isotop li {
 padding-bottom: 30px;
}
 .service-modern {
 padding: 80px 0;
}
 nav.bootsnav.brand-center.small-logo .navbar-collapse .col-half.left {
 padding-right: 0px !important;
}
 nav.bootsnav.brand-center.small-logo .navbar-collapse .col-half.right {
 padding-left: 0px !important;
}
 .service-cam {
 height: 650px;
 margin-top: 100px;
}

 	/*==================================
	  404 page
	  ====================================*/
	  .error-page {
 background: linear-gradient(rgba(225, 225, 225, 0.5), rgba(225, 225, 225, 0.5)), url(../images/404.jpg) center / cover;
}


	 /*==================================
	   contct-01
	   =================================*/
	.contact-main-info {
 background: linear-gradient(rgba(225, 225, 225, 0.9), rgba(225, 225, 225, 0.9)), url(../images/contact-01.jpg) center / cover;
 display: flex;
 justify-content: center;
 align-items: center;
 height: auto !important;
 padding: 100px 0;
}
 .btn-sub-wrapper {
 margin-top: 20px;
 display: block;
}
	  /*==================================
	   contact page  
	  =================================*/
	  ul.bottom-address li {
 width: 100%;
 float: none;
}
 ul.bottom-address li .service-inner-wrapper {
 width: 50%;
 margin: 0 auto;
}
}

/* Extra small devices (phones, less than 480px) */
@media screen and (max-width: 480px) {
.main-photo-btn {
 font-size: 12px;
}
 ul.social-icons li a {
 font-size: 13px;
}
 .play-btn {
 width: 55px;
}
 .banner-content {
 display: none;
}

	/*==================================
		image-banner-page
	====================================*/
	.banner-wrapper {
 margin: 0px 15px;
}
 .center-img > img {
 width: 90%;
}
 .center-img .play-btn {
 position: absolute;
 top: 44%;
 width: 50px;
 left: -30px;
 right: 0;
 margin: 0 auto;
}

	/*==================================
	  modern banner page
	 ====================================*/
	 .service-modern .service-wrapper {
 width: 100%;
}
 .service-modern .service-wrapper {
 border-right: 0px;
}
 .service-modern .service-wrapper:nth-child(3n+1) {
 border-bottom: 1px solid #eee;
}
 .service-cam .instagram_sec {
 top: 25%;
}
 .white-sec-banner {
 height: 30px;
}
 .service-cam {
 height:500px;
 margin-top:0px;
}
}

/* Extra small devices (phones, less than 350px) */
	@media screen and (max-width: 350px) {
 .service-cam {
 height:350px;
 margin-top:0px;
}
}