/*
 * =================================================================== 
 *  Squaare Responsive Stylesheet
 * =================================================================== 
 */


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block !important;
    }
    .top-contact {
		width: 100%;
		float: none;
		margin-top: 20px;
		text-align: center;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        width: 100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    	
}


/* Media Query For iPad */
@media screen and (max-width: 768px) {
	html, body {
		overflow-x: hidden;
	}
	.btn {
		padding: 10px 34px 10px 14px;
		font-size: 13px;
	}
	.logo-section:before,
	.logo-section:after {
		content: none;
	}
	.home-header {
		height: auto;
	}
	.our-services img {
	    margin: 0 auto;
	    display: block;
	}
	.services-listing {
		margin-top: 45px;
	}
	.nav-pills {
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.main-title {
	    font-size: 32px;
	    margin-bottom: 12px;
	    line-height: 40px;
	}
	.faq-header .main-topsection,
	.contact-header .main-topsection {
		top: 130px;
	}
	.project-header,
	.faq-header,
	.about-header {
		height: 380px;
	}
	.work-detail {
		margin: -24px 10% 20px;
	}
	.nav-blank:before {
		top: 17px;
		right: 9px;
	}
	.right-image img {
		margin: 0 auto;
		display: block;
	}
	.testi-content {
		width: 100%;
    }
    .left-container {
		padding: 50px 40px;
	}
	.process-block img {
		margin-left: 0;
	}
	.big-title {
		font-size: 38.8px;
		line-height: 45.92px;
		margin-bottom: 35px;
	}
	.counters,
	.cta-inner .counters {
		margin: 22px 0px 22px 65px;
		height: 419px;
	}
	.cta-details {
		padding: 7% 10px 7% 16px;
	}
	.cta-details h3 {
		font-size: 33px;
		line-height: 44.3px;
	}
	.icon-wrapper {
		padding-right: 14px;
	}
	.logogrid-left {
		width: 20%;
		padding-left: 15px;
	}
	.logogrid-right {
		width: 80%;
	}
	.logo-slider .slick-track, .logo-slider .slick-list {
		
	}
	.logo-slider .slick-slide {
		width: 5.5% !important;
	}
	.popup-big, .popup-small {
		width: 90%;
	}
	.pop-subtitle {
		font-size: 40px;
	}
	.pop-title {
		font-size: 40px;
		line-height: 40px;
	}
	.right-popup h1 {
		font-size: 23px;
	}
	.small-popup {
		height: 352px;
	}
	.right-popup form {
		margin: 20px 0;
	}
	.right-popup {
		padding: 35px 30px 15px;
	}
	.how-it-works .row {
		background-image: none;
		background-color: #fff;
		background-size: unset;
	}	
	.left-service {
		background-image: url(../images/background/design-process.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.how-it-works .small-title,
	.how-it-works .big-title {
		text-align: center;
	}
	.how-it-works .big-title br {
		display: none;
	}
	.how-it-works .container {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
	}
	.right-container {
		padding: 40px 30px;
	}
	.left-container p {
		margin-top: 70px;
	}
	.partner-section {
		margin: 0 6%;
	}
	.partners-form {
		padding: 10px 0 0;
	}
	.about-right .internal-title {
		line-height: 38.3px;
	}
	.about-image img {
		display: none;
	}
	.about-list:before {
		content: none;
	}
	.about-list {
		padding-right: 0;
	}
	.why-us.mt-150.pb-20 {
		margin-top: 40px;
		padding-bottom: 0;
	}
	.about-right {
		padding: 40px 40px 0 40px;
	}
	.who-we-are {
		padding: 70px 0;
	}
	.service-bar {
		padding: 12px 0 0;
	}
	.service-box h6 {
		padding: 20px;
	}
	.service-header .main-topsection {
		top: 20%;
	}
	.servicing-block:nth-child(4) .service-top {
		min-height: 244px;
	}
	.service-top {
		min-height: 355px;
	}
	.form-section {
		padding: 80px 0;
		text-align: center;
	}
	.form-section form {
		padding: 10px 12% 0;
	}
	.contact-map {
		margin-top: 50px;
	}
	.social-connect {
		margin-top: 35px;
	}
	.contact-container {
		padding: 70px 0 20px;
	}
	.blog-box:last-child {
		margin-bottom: 60px;
	}
	.blog-maintitle {
		font-size: 26px;
		line-height: 38.3px;
		margin-bottom: 0px;
	}
	.author-details {
		padding-top: 5px;
	}
	.blog-box {
		margin-bottom: 50px;
	}
	.nav-back .btn {
		padding: 10px 64px 10px 14px;
		font-size: 13px;
	}
	.nav-back.previous .btn {
		padding: 10px 14px 10px 64px;
	}
	.faq-single-header .main-title {
		font-size: 28px;
	}
	.single-blog.pt-160 {
		padding-top: 110px;
	}
	.single-blog .blog-box:last-child {
		margin-bottom: 12px;
	}
	.top-contact {
		display: none;
	}
	.about-mobile-image {
		margin: 30px 0 10px;
		display: block;
	}
	.service-header .btn-angle {
		display: none;
	}
	.main-topsection {
		top: 110px;
		margin: 0 10px;
	}
	.main-subtitle {
		font-size: 46px;
		line-height: 56px;
	}
	.how-it-works:before {
		top: unset;
		bottom: 0;
	}
	.project-content {
		margin-bottom: 40px;
	}
	.modal-content {
		width: 100% !important;
	}
	.modal-dialog {
		width: 84% !important;
	}
	.modal-content .slick-prev {
		left: -30px;
	}
	.modal-content .slick-next {
		right: -30px;
	}
	.modal-content .slick-next:after, .modal-content .slick-prev:after {
		font: 60px/1 'FontAwesome';
	}
	.contact-header {
		height: 380px;
	}
	.form-section {
		padding: 52px 0;
		width: 100%;
		position: unset;
		margin-right: unset;
		transform: unset;
	}
	.contact-map {
		height: 415px;
	}
	.copyright p {
		line-height: 20px;
	}
	.project-header img {
		height: 380px;
	}
	.slider-for .slick-slide img {
		height: 470px;
	}


}

 
/* Media Query For mobile */
@media screen and (max-width: 468px) {
	.fixed-menu .nav>li.active.open>a {
		border-top: 0;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-color: transparent;
	}
	.vertical-align {
		display: block;
    }
	.quick-search .button.mt-50 {
		margin-top: 30px;
	}
	.partner-top p {
		padding: 0 15px;
	}
	.counter-data h5 {
		font-size: 26px;
		line-height: 36px;
	}
	.counter {
		padding: 23px 14px;
	}
	.counter-data {
		margin-left: 12px;
	}
	.counter img {
		width: 36px;
	}
	.main-topsection {
		top: 18%;
	}
	.main-title {
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 30px;
	}
	.logo-section {
		padding: 18px 25px 0px 25px;
	}
	.logogrid-left {
		width: 100%;
		padding-left: 0;
	}
	.logogrid-right {
		width: 100%;
	}
	.logo-title br {
		display: none;
	}
	.logo-title {
		transform: translateY(0);
		text-align: center;
		margin-bottom: 25px;
	}
	.main-subtitle {
		display: none;
	}
	.nav-pills>li {
		margin: 0;
		width: 32.33%;
	}
	.nav-pills>li+li {
		margin-left: 0;
	}
	.copyright p:before {
		top: 0;
	}
	.copyright p {
		line-height: 20px;
	}
	.our-project.ptb-50 {
		padding: 50px 0 60px;
	}
	.project-contact {
		margin-top: 40px;
	}
	.quick-search .form-group:first-child .form-control,
	.quick-search .form-group:nth-child(2) .form-control,
	.quick-search .form-group:nth-child(3) .form-control {
		border-radius: 4px 4px 4px 4px;
		margin-right: -6px;
	}
	.quick-search .form-control {
		width: 100%;
	}

	.home-header {
		margin-top: -69px;
	}
	.small-title {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 0;
		padding: 0;
	}
	.big-title {
		font-size: 22px;
		line-height: 29.92px;
	}
	.who-we-are .big-title {
		margin-bottom: 18px;
	}
	.services-listing {
		margin-top: 30px;
	}
	.service-block h6 {
		font-size: 14px;
		padding-top: 4px;
	}
	.service-block.pb-50 {
		padding-bottom: 25px;
	}
	.how-it-works.flex {
		display: block;
	}
	.process-block {
		margin-bottom: 25px;
		text-align: left;	
	}
	.process-block img {
		margin-bottom: 18px;
		width: 20%;
		margin-right: 10px;
	}
	.process-block h5 {
		font-size: 17px;
		line-height: 27px;
		margin-top: 18px;
		width: 75%;
	}
	.right-container {
		padding: 35px 15px 0;
	}
	.process-block h6 {
		line-height: 36px;
	}
	.usp-banner img {
		width: 70%;
		margin: 0 auto;
		display: block;
	}
	.usp-list li {
		font-size: 14px;
		line-height: 25px;
		padding: 6px 0 0 50px;
		margin-bottom: 10px;
	}
	.emergency-no a {
		font-size: 20px;
		line-height: 40px;
	}
	.emergency-no span {
		font-size: 14px;
		line-height: 32px;
		display: block;
	}
	.cta-details h3 {
		font-size: 24px;
		line-height: 36.3px;
	}	
	.footer-email p,
	.footer-number p,
	.footer-address h5 {
		font-size: 14px;
		line-height: 28px;
	}
	.footer-address p {
		font-size: 13px;
	}
	.quick-links,
	.extra-info {
		display: none;
	}
	.fixed-menu {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 99;
	}
	.navbar-toggle {
		position: relative;
		float: left;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.navbar-main {
		display: none;
	}
	.header .navbar {
		margin-bottom: 24px;
	}
	.navbar-toggle .icon-bar {
		background: #f0683e;
	}
	.fixed-menu .navbar  {	
		background-color: #fff;
		border-radius: 0;
		margin-bottom: 0;
		box-shadow: 0 0 33px -4px rgb(181, 181, 181);
	}
	.menu {
		margin-top: -15px;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		padding-left: 20px;
	}
	.navbar-toggle {
		padding: 4px 0px 0px 14px;
		width: 100%;
	}
	.fixed-anchor {
		width: 70%;
		float: left;
		text-align: center;
		padding: 13px 0;
		background: #f0683e;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 600;
	}
	.nav>li>a,
	.dropdown-menu>li>a {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu {
		margin-bottom: 10px;
	}
	.nav>li.active>a {
		border-top: 0;
	}
	.ptb-100 {
		padding: 60px 0;
	}
	.testi-content {
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.cta-details {
		padding: 0;
	}
	.navbar-nav>li {
		float: none;
		display: list-item;
		border-bottom: 1px solid rgba(245, 245, 245, 0.23921568627450981);
	}
	.navbar-header {
		width: 30%;
		float: left;
	}
	.navbar-collapse {
		width: 100%;
		background-color: #333333;
	}
	.navbar-nav {
		float: left;
		margin: 0;
		text-align: left;
		width: 100%;
		margin-top: 0;
	}
	.quick-search {
		margin-bottom: 40px;
	}
	header {
		position: relative;
	}
	.ptb-50 {
		padding: 50px 0 10px;
	}
	.footer.ptb-60 {
		padding: 30px 0 80px;
	}
	.copyright-section {
		padding-top: 15px;
	}
	.copyright {
		margin-top: 25px;
	}
	.hidden-sm {
		display: none !important;
	}
	.fixed-menu {
		display: block;
	}
	.left-container p {
		font-size: 40px;
		line-height: 42px;
	}
	.how-it-works .row {
		background-color: #fff;
	}
	.creative-left {
		padding: 60px 15px;
	}
	.counters {
		margin: 0 auto 16px;
		height: 380px
	}
	.header.stickyHeader {
		background-color: transparent;
	}
	.partner-section {
		padding: 30px 0;
	}
	.internal-title {
		font-size: 25px;
		line-height: 32.3px;
	}
	.tabs_wrapper {
		display: flex;
		flex-direction: column;
	}
	.switch-tabs {
		order: 2;
		margin: 35px 30px 25px 0;
	}
	.tab_container {
		width: 100%;
		order: 1;
	}
	.tab-slider-trigger:first-child {
		border-right: 1px solid #fff;
	}
	.tab-slider-trigger:last-child {
		border-left: 1px solid #fff;
	}
	.tab-slider-trigger {
		margin-bottom: 10px;
	}
	.tab-slider-tabs {
		margin: 0 20px;
	}
	.about-header .btn-angle {
		display: none;
	}
	.about-header,
	.contact-header {
		height: 270px;
		margin-top: -68px;
	}
	.faq-header{
		height: 270px;
		margin-top: -68px;
    }
    .faq-header .main-topsection,
    .contact-header .main-topsection {
		top: 44%;
		transform: translateY(20%);
	}
	.service-header {
		height: 520px;
		margin-top: -68px;
	}
	.main-topsection {
		top: 44%;
	}
	.header-wrapper {
		position: relative;
		height: 338px;
		margin-top: -68px;
	}
	.about-parts {
		padding: 20px 0;
	}
	.about-right p {
		margin-top: 30px;
		margin-bottom: 0;
	}
	.who-we-are {
		padding: 60px 0 40px;
	}
	.service-header .main-topsection {
		top: 13%;
	}
	.main-title {
		margin-bottom: 0;
	}
	.main-subtitle {
		font-size: 28px;
		line-height: 32px;
		display: block;
	}
	.service-bar.dektop {
		display: none;
	}
	.service-bar.mobile {
		display: block;
	}
	.service-bar {
		text-align: left;
	}
	.service-box {
		margin-bottom: 25px;
	}
	.service-box:before {
		content: none;
	}
	.service-box img {
		width: 20%;
		float: left;
	}
	.service-box h6 {
		width: 80%;
		float: left;
		padding: 0 20px;
	}
	.service-top, .servicing-block:nth-child(1) .service-top, .servicing-block:nth-child(2) .service-top, .servicing-block:nth-child(3) .service-top, .servicing-block:nth-child(4) .service-bottom, .servicing-block:nth-child(5) .service-bottom, .servicing-block:nth-child(6) .service-bottom {
		min-height: auto;
	}
	.why-us.pb-80 {
		padding-bottom: 0;
	}
	.form-section form {
		padding: 10px 0% 0;
	}
	.form-section {
		padding: 45px 0;
	}
	.blog-maintitle {
		font-size: 23px;
		line-height: 32.3px;
	}
	.author-details h6 {
		margin-right: 10px;
		font-size: 14px;
		line-height: 43px;
	}
	.publish-date, .reading-time {
		padding-left: 35px;
	}
	.blog-data p {
		font-size: 15px;
	}
	.author-details {
		padding-bottom: 5px;
	}
	.single-blog.pt-160 {
		padding-top: 46px;
	}
	.share-listing li {
		display: inline-block;
		padding: 0 14px;
	}
	.related-box {
		margin-bottom: 20px;
	}
	.related-post {
		padding: 45px 0 30px;
	}
	.faq-single-header .main-title {
		font-size: 22px;
	}
	.nav-back {
		display: block;
		margin-bottom: 20px;
	}
	.page-no {
		margin-bottom: 20px;
	}
	.about-mobile-image {
		margin: 30px 0 10px;
	}
	.social-share {
		position: initial;
		position: initial;
	}
	.about-parts .p-0,
	.right-service.p-0 {
		padding: 0 15px!important;
	}
	.why-us .row {
		background-image: none;
		padding-bottom: 0;
		background-color: #f5f5f5;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about-right {
		padding: 40px 15px 0;
	}
	.type-slider {
		display: block !important;
	}
	.type-listing {
		display: none;
	}
	.our-service .about-right {
		padding: 20px 15px;
	}
	.project-header {
		height: 215px;
		margin-top: 0;
	}
	.gallery-popup .small-title {
		line-height: 42px;
	}
	.modal-content .slick-next:after, .modal-content .slick-prev:after {
		font: 40px/1 'FontAwesome';
	}
	.slider-count {
		float: none;
		margin-top: 10px;
		text-align: center;
		margin-bottom: 10px;
	}
	.slider-contact {
		float: none;
		text-align: center;
	}
	.slider-nav {
		display: none;
	}
	.close-icon.pointer {
		font-size: 45px;
	}
	.modal-content .slick-next {
		right: -25px;
	}
	.modal-content .slick-prev {
		left: -25px;
	}
	.header .navbar-header {
		width: 100%;
	}
	.header .navbar {
		margin-bottom: 15px;
	}
	.type-slider .slick-prev {
		left: 40px;
		
	}
	.type-slider .slick-next {
		right: 40px;	
	}
	.type-slider .slick-prev, 
	.type-slider .slick-next {
		top: 20%!important;
	}
	.type-slider .slick-prev:after,
	.type-slider .slick-next:after {
		color: #fff;
	}
	.our-service h3 {
		font-size: 25px;
		line-height: 33.22px;
		margin-bottom: 40px;
	}
	.main-subtitle br {
		display: none;
	}
	.our-service {
		padding: 50px 0;
	}
	.faq-list .panel-title {
		line-height: 21px;
		padding: 25px 20px 30px 50px;
	}
	.contact-container .p-0 {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.contact-form img {
		display: none;
	}
	.contact-location {
		background-color: rgba(255, 255, 255, 0.8901960784313725);
		margin-top: 18%;
	}
	.contact-container:before {
		top: unset;
		bottom: 34px;
	}
	.contact-map {
		margin-top: 20px;
	}
	.slider-for .slick-slide img {
		height: 230px;
	}
	.project-header img {
		height: 215px;
	}


}