/* ===================== max-width:1366 ======================= */


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

/* ===================== max-width:1199 ======================= */


@media only screen and (max-width:1199px) {
	.nav.navbar-nav.navbar-right {
	    padding-right: 0 !important;
    }    

	
}

/* ===================== max-width:991 ======================= */

@media only screen and (max-width:991px) {
	.center-1 {
		float: none;
		text-align: center;
	}
	.navbar {
		margin-bottom: 10px;
	}
	
	.nav>li>a {
	    padding: 10px 8px;
	}
	.navbar-brand img {
		width: 100px;
		height: 40px;
		float: left !important;
		padding-left: 0 !important; 
	}
	.nav.navbar-nav.navbar-right {
	    padding-right: 0 !important;
    }    

}
/* ===================== max-width:991 ======================= */

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

 
/* ===================== max-width:979 ======================= */

@media only screen and (max-width:979px) {
	.hero span {
		font-size: 16px;
	}
	.hero h1 {
		font-size: 36px;
	}
}

/* ===================== max-width:980 ======================= */

@media only screen and (max-width:980px) {
	.navbar-default .navbar-toggle {
		border-color: #F9520B;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #F9520B;
	}
	.navbar-toggle {
		padding: 8px 8px;
	}
	.fade-carousel {
	    height: 60vh;
	}
	.fade-carousel .carousel-inner .item {
		height: 60vh;
	}
	.section-title h1 {
		font-size: 24px;
	}

	.dvidr-btn {
		margin-right: 25px; 
		margin-top: 4px;
	}
	.dvidr-btn {
    	margin-top: -42px;	
    }
		
	.dvidr-sttl {
		font-size: 17px;
	}
	.dvidr-mttl {
		color: #000;
		font-size: 24px;
	}
	
   .inner-page-col {
   	text-align: center;
   }
   .services-section .service-text {
   	padding: 29px 20px;
   }
}
/* ===================== max-width:938 ======================= */


@media only screen and (max-width:938px) {
	.hero h1 {
		font-size: 28px;
		line-height: 34px;
	}
}

/* ===================== max-width:909 ======================= */


@media only screen and (max-width:909px) {
	.hero span { 
	     color: #ffffff;
         font-size: 12px;
         letter-spacing: 3px;
         line-height: 15px;
         margin-bottom: 20px;
    }
    .dvidr-col .btn { 
		display: none;
    }		
	.btn { 
		font-size: 10px;
		padding: 10px 15px;
    }		
}

/* ===================== max-width:800 ======================= */

@media only screen and (max-width:800px) {
	.blog .blog-icon a { 
		font-size: 14px;
    }
    .hero span {
         letter-spacing: 1px;
         font-size: 19px;
    }
    .fade-carousel {
	    height: 50vh;
	}
	.fade-carousel .carousel-inner .item {
		height: 50vh;
	}
	.frst-divider::after {
   	left: 6%;
   }
   .inner-page-col {
   	text-align: center;
   }

}    
/* ===================== max-width:768  ======================= */

@media only screen and (max-width:768px) {
	 .dvidr-col .dvidr-btn {
    	margin-top: -42px;	
    }
    .frst-divider .contact .section-title {
    	padding-left: 263px;
    }
}

/* ===================== max-width:767  ======================= */

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

	.header-top-bar .top-bar-col {
		display: inline-block;
		margin: 0 auto;
	}
	.header-top-bar .pull-right {
		float: none !important;
		text-align: center;
		margin-left: 6px;
	}
	.navbar {
		margin-bottom: 0 !important;
	}
	.navbar {
		min-height: 80px;
	}
	.main-header .navbar-brand {
		padding-left: 15px;
		padding-top: 15px;
	}
	.navbar-toggle {
		margin-top: 23px;
	}
	.header-top-bar .top-bar-col button.lang {
		padding-top: 14px;
	}
	.header-top-bar .top-bar-col .border-right-two  span { 
		color: #ffffff;
		margin-left: 15px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: #f9520b;
	}
	.main-header .top-nav-collapse .navbar-brand img {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.masonry-gallery.grid-four-item .isotope-item {
		width: 50%;
	}
	.fade-carousel {
	    height: 65vh;
	}
	.fade-carousel .carousel-inner .item {
		height: 65vh;
	}
	.masonry-gallery .grid-four-item .isotope-item {
         width: 100%;
    }
    .dvidr-btn {
    	margin-top: -42px;	
    }
}
/* ===================== max-width:740 ======================= */


@media only screen and (max-width:740px) {
	.hero h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.fade-carousel {
	    height: 60vh;
	}
	.fade-carousel .carousel-inner .item {
		height: 60vh;
	}
}

/* ===================== max-width:640 ======================= */

@media only screen and (max-width:640px) {
	.main-slider .btn {
		display: none;
	}
}

/* ===================== max-width:605 ======================= */

@media only screen and (max-width:605px) {
	.hero span {
		letter-spacing: 0;
	}
}

/* ===================== max-width:480  ======================= */

@media only screen and (max-width:480px) {
	.fade-carousel {
	    height: 60vh;
	}
	.fade-carousel .carousel-inner .item {
		height: 60vh;
	}
}

/* ===================== max-width:400 ======================= */

@media only screen and (max-width:400px) {
	.fade-carousel .carousel-inner .item .hero {
		padding-top: 20px;
	}
	.hero span {
		font-size: 14px;	
		
	}
	.client-field .our-client {
		width: 100px;
	}
	.portfolio-title h4 {
		font-size: 12px;
	}
}

/* ===================== max-width:360 ======================= */

@media only screen and (max-width:360px) {
    .services-section .service-text p {
    	padding: 15px;
    }
    .irt-frst-divider .dvidr-col .dvidr-btn {
    	float: left !important; 
    	margin-top: 20px;
    }
    .irt-frst-divider .contact .dvidr-btn {
		margin: 20px 70px 0;
    }
    .header-top-bar .top-bar-col button.lang {
		padding-top: 10px;
	}
	.blog .blog-icon h6{
		font-size: 13px;
	}
	.frst-divider .contact .section-title {
    	padding-left: 63px;
    }	
    .testimonial-section .testimonial-info img {
    	margin-left: 5px;
    	height: 70px;
    	width: 70px;
    }
    .testimonial-single .comment-icon {
    	bottom: 2px;
    }
    .testimonial-single .comment-icon i {
    	margin-right: -91px;
    	font-size: 85px;
    }
}

/* ===================== max-width:320 ======================= */

@media only screen and (max-width:320px) {
    .hero span {
    	display: none;
    }
	.header-top-bar .top-bar-col button.lang {
		padding-top: 14px;
	}
	.header-top-bar .top-bar-col .border-right-two  span { 
		color: #ffffff;
		margin-left: 15px;
	}
    .services-section .service-text p {
    	padding: 15px;
    }

   .blog .blog-info h3 {
   	font-size: 17px;
   }

   .blog .blog-icon h6 {
   	font-size: 12px;
    }

    .services-section .service-col:hover .service-hover {
    	height: 99.2%;
    }

   .blog .blog-icon span {
   	font-size: 11px;
   }

   .blog .blog-icon a {
   	font-size: 11px;
   }
   
    .irt-frst-divider .dvidr-col {
    	float: left !important; 
    	margin-top: 20px;
    }

    .irt-frst-divider .contact  {
		margin: 20px 31px 0;
    }
	.dvidr-col .btn { 
		display: none;
    }	
    .frst-divider .contact .section-title {
    	padding-left: 63px;
    }
    .testimonial-section .testimonial-info img {
    	margin-left: 3px;
    	height: 60px;
    	width: 60px;
    }
    .testimonial-single .comment-icon i {
    	margin-right: -107px;
    	font-size: 75px;
    }
    .testimonial-single .comment-icon {
    	bottom: 4px;
    }
    	
}