/*
Qwilo - Multipurpose Responsive HTML5 Template
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/

/*****************
================================================
(  Media Queries  )
================================================
*******************/

/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media only screen and (min-width:1890px) and (max-width:2529px) { }
@media(max-width:1399px) { }
@media(max-width:1365px) {
	.services-list li.one img { width: 68%; }
}
@media(max-width:1279px) { }
@media(max-width:1199px) {
	.services-block h3 { font-size: 24px; }
	.services-block h4 { font-size: 22px; }
	p { font-size: 14px; }
	.feature-step h5 { font-size: 20px; }
	.feature-step .iq-feature12 img { width: 140px; height: 140px; }
	.feature-step .iq-feature12.stap-left:before { left: 74%; top: -8%; }
	.feature-step .iq-feature12.stap-right:before { left: 69%; top: 38%; }
	.feature-step h3 { font-size: 24px; }
	.about-agency h3 { font-size: 26px; }
	.flex-row-reverse h3 { font-size: 26px; }
	.iq-pricing3 .listing ul li { font-size: 14px; }
	.pricing-blog .button { padding: 12px 13px; font-size: 14px; }
	.iq-pricing3 .price strong { font-size: 40px; }
	.iq-accordion .ad-details { font-size: 14px; }
	.iq-entry-title h5 { font-size: 18px; }
	.iq-counter3 .iq-counter .timer { font-size: 30px; }
	.services-list li.one img { width: 57%; }
	.services-list li.two img { width: 88%; right: 12px; }
	.services-list li.two { right: 12px; }
	.iq-tag li a { padding: 5px 10px; }
	.iq-tab .nav-item a{font-size: 14px;}

}
@media(max-width:992px) {
	header { z-index: 999; }
	header .navbar .navbar-nav { background: #fff; padding: 10px 0; }
	.navbar-light .navbar-toggler { color: rgb(76, 105, 248); background: #4c69f8; border-color: rgb(76, 105, 248); }
	.iq-contact1 .contact-blog .iq-line { padding: 0 0px; }
	.iq-r-mt-30 { margin-top: 30px; }
	.services-block h4 { font-size: 20px; line-height: 30px; }
	.container-fluid { padding: 0 30px; }
	.iq-tab.horizontal .nav-item a{padding: 10px 6px;}
}
@media(max-width:979px) {
	header .container-fluid { padding: 10px 20px; }
	header.menu-sticky .container-fluid { padding: 0px 20px; }
	h3 { font-size: 22px; line-height: 30px; }
	.feature-step h3 { font-size: 22px; line-height: 30px; }
	.about-agency h3 { font-size: 22px; line-height: 30px; }
	.flex-row-reverse h3 { font-size: 22px; line-height: 30px; }
	.iq-mt-30 { margin-top: 15px; }
	.iq-accordion .ad-title { font-size: 14px;line-height: 24px; }
	.feature-step h5 { font-size: 18px; }
	.future-services { padding: 30px 10px 30px; }
	.iq-feature12.stap-left:before { display: none; }
	.iq-feature12.stap-right:before { display: none; }
	.iq-r-mt-30 { margin-top: 30px; }
	.iq-r-mb-15 { margin-bottom:15px;}
	.container .iq-accordion { margin-top: 30px; }
	.iq-rpt-60 { padding-top: 60px; }
	h4 { font-size: 22px; line-height: 30px; }
	.iq-tab.horizontal .nav-item{width: 26%;}
	.timeline__content{padding: 10px;}
	.timeline__content p{font-size: 12px;line-height: 1.5;}
}
@media(max-width:767px) {
	.iq-r4-mt-30 { margin-top: 30px; }
	.iq-breadcrumb .row .img-fluid.iq-pr-50 { padding: 0 0 30px 0; }
	.iq-contact1 .contact-blog { padding: 10px; }
	.iq-breadcrumb { padding: 120px 0 80px 0; }
	.iq-mb-60 { margin-bottom: 30px; }
	.services-list li.one img { width: 45%; }
	.services-list li.two img { width: 74%; }
	.services-list li.two { right: 15px; }
	.iq-pl-50 { padding-left: 0; }
	.services-page .future-services { padding: 10px 10px 10px; }
	header .container-fluid { padding: 0px 15px; }
	header .navbar.navbar-light .navbar-brand { padding: 10px 0 10px 0; }
	header.menu-sticky .container-fluid { padding: 0px 15px; }
	.iq-tab.horizontal .nav-item{width: 43%;}
	.iq-tab .nav-pills{background: #fff; padding: 0px; border: 1px solid #fff; border-radius: 0px;}
	.iq-tab.horizontal .nav-item a{background: #666; color: #fff;}

}
@media(max-width:479px) {
	.button { padding: 7px 14px; }
	.iq-breadcrumb { padding: 90px 0 80px 0; }
	.iq-tab.horizontal .nav-item a{padding: 8px 4px; font-size: 12px;}
	.iq-tab.horizontal .nav-item{width: 50%;}
	header .navbar.navbar-light .navbar-brand img{height: 40px;}
	header.menu-sticky .navbar.navbar-light .navbar-brand img{height: 40px;}
	.iq-portfolio .iq-portfolio-icon{bottom:8px;}
	.iq-portfolio .hoverdir .likes{bottom: 12px;}
}