
@media (min-width:576px) {
	.container { max-width: 540px }
}
@media (min-width:768px) {
	.container { max-width: 720px }
}
@media (min-width:992px) {
	.container { max-width: 960px }
}
@media (min-width:1365px) {
	.container { max-width: 1140px }
}
@media (min-width:1366px) {
	.container { max-width: 1170px }
}
@media(max-width:1399px) {
	section { padding: 50px 0; }
	.iq-banner { background-size: cover !important; }
	.iq-banner .banner-text h1 {    
 
		text-transform: uppercase;
		color: #fff;
	}
	.iq-features .iq-features-box .iq-icon i { font-size: 66px; }
	.title-bottom h2 { font-size: 70px; bottom: -4px }
	header .right-side .search-btn { margin-right: 30px; }
}
@media(max-width:1365px) {
	section { padding: 100px 0; }
	header .navbar-light .navbar-nav .nav-item { margin-right: 12px; }
	.iq-banner .banner-text { padding-top: 177px; padding-bottom: 140px; }
	.iq-banner .banner-text h1 { font-size: 44px; }
	header .navbar-light .navbar-nav .nav-item { margin-right: 4px; }
	header .right-side .search-btn { margin-right: 20px }
}
@media(max-width:1199px) {
	section { padding: 100px 0; }
	.iq-banner .banner-text h1 { font-size: 40px; line-height: 60px; }
	header .navbar-light .navbar-nav .nav-link {color: #ffffff; padding: 5px 10px;  font-size: 12px;}
	.title-bottom h2 { font-size: 80px; bottom: -7px; }
	.col-lg-1 { padding: 0 !important }
}
@media(max-width:992px) {
	header .navbar-light .navbar-nav li:last-child a{display: none;}
	section { padding: 80px 0; }
	.container-fluid { padding: 0px 80px; }
	header .navbar-light .navbar-toggler { color: #fff; border: 1px solid #fff; }
	header .navbar-light .navbar-nav { background-color: #fff; }
	header .navbar-light .navbar-nav .nav-link { color: #000000;}
	header .navbar-light .navbar-nav .nav-item { margin: 0 0 !important; }
	header .right-side { position: absolute; top: -42px; right: 10%; }
	header .right-side .search-btn { margin-right: 1rem; }
	header .navbar-light .navbar-nav .nav-link { padding: 5px 15px; }
	header .navbar-collapse { position: absolute; width: 100%; top: 63%; margin-top: 30px; }
	.iq-banner .banner-text { padding-top: 170px; padding-bottom: 85px; }
	.iq-aboutus .img-box img { width: 100%; }
	.iq-aboutus .about-text { margin-bottom: 50px; }
	.iq-project .img-box img { width: 100% }
	.title-bottom h2 { font-size: 70px; bottom: -10px; }
	.iq-project .project-content { padding: 55px 0px; }
	.iq-portfolio-page .isotope-filters { margin-bottom: 1.5rem; }
	.iq-testimonial .testimonial-box { padding: 0 0px; }
	ul.rmb-40 { margin-bottom: 40px; }
	.iq-rmt-40 { margin-top: 40px; }
	.social-media { margin-bottom: 20px !important; }
	.contact-ifream { margin-top: 50px; }
	.iq-contact-us .section-title { margin-left: 22px; }

	.isotope-filters button {padding: 5px 15px;}
	.isotope, .iq-masonry {margin: 0 0px 0 0;}

	.iq-breadcrumb .breadcrumb {margin-top: 1rem;}
	.iq-breadcrumb  h2{font-size: 28px;}
	
}
@media(max-width:979px) {
	section { padding: 50px 0; }
	.container-fluid { padding: 0px 60px; }
	.iq-banner .banner-text h1 { font-size: 25px; line-height: 32px; }
	.iq-banner .banner-text p { margin-bottom: 2rem;    font-size: 18px }
	.title-bottom h2 { font-size: 70px; bottom: -17px; }
	.iq-testimonial .testimonial-box { padding: 0 0px; }
	.iq-project .project-content { text-align: left; margin-top: 60px; padding: 0 0; }
	.iq-project .project-content h2 { font-size: 38px; line-height: 46px; margin-bottom: 1rem; }
	.iq-project .project-content p { margin-bottom: 1rem; }
	.title-bottom h2 { font-size: 56px; bottom: -16px; }
	.iq-footer .iq-links li:last-child { margin-bottom: 16px; }


}
@media(max-width:767px) {
	.techno[data-aos=fade-right]{
		transform: translate3d(0px,0,0);
	}
	[data-aos=fade-right]{
	 	transform: translate3d(0,0,0) !important;  
	}
	[data-aos=fade-left] {
		transform: translate3d(0,0,0) !important;  
	}
	[data-aos=zoom-out]{
		   transform: scale(1.0) !important;   
	}
	.pull-right{
		float: none !important;
	}
	.menu a.logo{
		display: inline-block;
		padding: 0 0;
		width: 20%;
		float: left;
		margin-top: 0;
		position: relative;
		margin-top: 5px;
	}
	section { padding: 50px 0; }
	.banner-border .owl-carousel .owl-item img { width: auto; margin: 0 auto; }
	.topbar { text-align: center; }
	.topbar-right { display: none; }
	.container-fluid { padding: 0px 30px; }
	header .right-side { right: 17%; }
	.iq-banner { 
		overflow: hidden;
		margin-top: 65px;
		position: relative;
	 
	}
	.iq-banner .banner-text { padding-top: 160px; padding-bottom: 80px; }
	.iq-banner .banner-text h1 { font-size: 30px; line-height: 50px; }
	.iq-banner  .banner-text p { margin-bottom: 2rem; }
	.iq-banner .waves-box { position: relative; left: 45%; }
	.iq-banner .iq-video { margin-bottom: 120px; }
	.iq-banner .banner-border h4 { text-align: center; margin-bottom: 30px; }
	.iq-aboutus .about-text h2 { font-size: 30px; line-height: 40px; margin-bottom: 1rem; }
	.iq-aboutus .about-text p { margin-bottom: 1rem; }
	.iq-aboutus .about-text { margin-bottom: 40px;     margin-top: 0;}
	.iq-features .iq-features-box-two .features-content { margin: 0 15px; }
	.iq-features-box-two:before { width: 100%; left: 0; }
	.iq-project .project-content { text-align: left; margin-top: 40px; padding: 0 0; }
	.iq-project .project-content h2 { font-size: 32px; line-height: 40px; margin-bottom: 1rem; }
	.iq-project .project-content p { margin-bottom: 1rem; }
	.iq-portfolio-page h4 { margin-bottom: 2rem; }
	.iq-portfolio-page .isotope-filters button { padding: 12px 22px; }
	.title-bottom h2 { font-size: 40px; bottom: -22px; }
	.iq-subscribe .subscribe-title { font-size: 34px; text-align: center; margin-bottom: 1.5rem; }
	.iq-subscribe form { text-align: center; }
	.iq-subscribe form .form-group .subscribe { margin-bottom: 30px; width: 100%; }
	.iq-subscribe .button { position: relative; }
	.iq-footer .rmb-40 { margin-bottom: 40px; }
	.iq-footer .iq-links li:last-child { margin-bottom: 16px; }
	.iq-footer .iq-post li { margin-bottom: 0!; }
	.iq-footer .iq-copyright { text-align: center; margin-top: 12px; }
	.iq-footer .iq-copyright a { padding-top: 1rem; padding-bottom: 0; }
	.iq-footer .text-right { text-align: center !important; margin-top: 12px; }
	.iq-breadcrumb h2 { text-align: center; margin-bottom: 20px; font-size: 38px; }
	.iq-breadcrumb .text-right {text-align: center!important;}
	.iq-breadcrumb .breadcrumb { display: inline-block; text-align: center; }

	.isotope.iq-columns-2 .iq-grid-item,.isotope.iq-columns-3 .iq-grid-item,.isotope.iq-columns-4 .iq-grid-item { position: relative!important; top: 0!important;padding: 0 0px 30px 0;}

	.isotope-filters button {margin-bottom: 20px; font-size: 16px;}
	.blog .media {display: block;}
}
@media(max-width:479px) {
	section { padding: 50px 0; }
	.container-fluid { padding: 0px 15px; }
	header .topbar { text-align: center; }
	header .topbar .list-inline li { font-size: 14px; }
	header .navbar-brand img { height: 25px; }
	header .right-side { right: 24%; }
	.iq-banner .banner-text h1 { font-size: 24px; line-height: 42px; }
	.iq-banner .banner-text { padding-top: 140px; padding-bottom: 86px; }
	.iq-banner .waves-box { position: relative; left: 40%; }
	.iq-banner .iq-video { margin-bottom: 90px; }
	.owl-carousel .owl-item img { width: auto; }
	.iq-banner .banner-border h4 { margin-left: 4px; text-align: center; font-size: 20px; }
	.title-bottom h2 { font-size: 24px; bottom: -28px; }
	.iq-project .project-content .pricing-list li { float: none; width: 100%; }
	.iq-project .project-content .pricing-list li { margin-bottom: 14px; }
	.iq-project .btn-black { margin-bottom: 1rem; }
	.iq-footer .iq-copyright { text-align: left; }
	.iq-footer .footer-bottom .text-right { margin-right: 0; }
	.iq-footer .text-right { text-align: left !important; }
	.iq-breadcrumb { padding: 160px 0 100px; }



	.iq-breadcrumb h2 {text-align: center; margin-bottom: 12px; font-size: 24px;}
	.blog .main-content h4 {font-size: 16px;}
	#comments .heading-left{font-size: 28px;}
}