@media only screen and (max-width:1700px) {
    .main-header .header-lower .outer-box .ui-btn-outer {
        border-right: 0;
        margin-right: 0;
        padding-right: 0
    }
    .header-style-two .info-btn {
        display: none
    }
    .header-style-one .header-lower .logo-box {

    }

    .header-style-two .header-lower,
    .header-style-two .header-top {
        padding: 0 30px
    }
}

@media only screen and (max-width:1439px) {
    .main-header .header-lower .logo-box {
        min-width: 200px;
    }
    .header-top {
        margin-left: 220px;
        padding-right: 30px
    }

    .header-style-two .header-lower .logo-box {
        padding: 15px 0
    }
}

@media only screen and (max-width:1199px) {
    .header-top {
        margin-left: 0;
        padding: 0
    }
    .main-header .header-lower .logo-box {
        margin-top: 0;
        min-height: auto
    }
    .main-header .header-lower .outer-box .theme-btn,
    .header-top .outer-box {
        display: none
    }
    .banner-section-two .content-box .title,
    .banner-section .content-box .title,
    .main-slider h1 {
        font-size: 76px
    }
    .main-header .header-lower .logo-box {
        min-width: 120px
    }
    .header-style-two .header-lower .logo-box,
    .contact-section-four .our-values .image {
        margin-right: 30px
    }
    .header-style-one .header-lower .main-box {
        align-items: center
    }
}

@media only screen and (min-width:768px) {
    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width:1023px) {
    .header-top,
    .main-header .main-menu {
        display: none
    }/*
    .main-header .logo {
        min-width: auto
    }
    .main-header .logo img,
    .sticky-header .logo img {
        width: auto;
        max-width: none;
        max-height: 45px
    }*/
    .mobile-nav-toggler {
        display: block;
        margin-left: 20px
    }
    .main-header .ui-btn {
        font-size: 24px;
        line-height: 35px;
        margin-left: 15px
    }
    .main-header .main-box .nav-outer {
        width: auto
    }
    .main-header .main-box {
        justify-content: space-between;
        padding: 10px 0
    }

    .banner-section-two .content-box .title,
    .banner-section .content-box .title,
    .main-slider h1 {
        font-size: 72px;
        letter-spacing: 0
    }
    .banner-section-four .content-box .title {
        letter-spacing: .1em
    }
    .banner-section-four:before {
        height: 25%;
        width: 25%
    }
    .banner-section-four .banner-carousel .owl-nav {
        display: none
    }
    .header-style-four .header-lower .mobile-nav-toggler {
        color: #fff
    }
    .header-style-four .header-lower {
        background-color: rgba(0, 0, 0, .2);
        border: 0
    }
    .header-style-four .header-lower .info-btn {
        display: none
    }
    .about-section .content-column {
        order: 0 !important
    }
    .offer-section .content-column {
        order: 2
    }
    .offer-section .image-column .image-box {
        margin: 20px 0
    }
    .offer-section .content-column .inner-column {
        padding: 50px 0
    }
    .sec-title h2 {
        font-size: 42px
    }
    .sec-title h2 br {
        display: none
    }
    .testimonials .testimonial-pagination {
        max-width: 100%;
        justify-content: center;
        bottom: 0
    }
    .about-section-two .content-column {
        order: 0 !important
    }
    .about-section-two .image-column .image-1,
    .about-section-two .image-column .image-2 {
        width: 50%;
        max-width: 50%
    }
    .about-section-two .image-column .image-2 img {
        max-width: 100%
    }
    .clients-carousel {
        padding: 50px 0
    }
    .faqs-section .form-bg,
    .faqs-section .faq-bg {
        right: -3px;
        left: auto;
        width: 110%
    }
    .call-to-action-two .image-box {
        display: none
    }
    .map-section .map {
        min-height: 400px
    }
    .map-section .branches-outer {
        position: relative
    }
    .branch-block:nth-child(even) .inner-box:not(:hover) {
        background-color: #f4f5f8
    }
    .offer-section .image-column .image-box .image img {
        min-height: auto
    }
    .about-section-three .content-column .content-box {
        max-width: 100%
    }
    .about-section-three .image-column .image-2 {
        bottom: 0
    }
    .about-section-three .image-column .inner-column:before {
        display: none
    }
    .about-section-three .image-column .image-1 {
        max-width: 100%;
        width: 100%
    }
    .offer-section-two .content-column .inner-column {
        padding-top: 120px;
        margin-right: 0;
        padding-bottom: 20px
    }
    .offer-section-two:before {
        top: 0
    }
    .offer-section-two .image-column .inner-column {
        padding-left: 0
    }
    .offer-section-two .image-column .image-box {
        margin-right: 0
    }
    .offer-section-two .image-column .image-box .image:before,
    .fun-fact-section-two:before {
        display: none
    }
    .fun-fact-section-two .fact-counter:before {
        width: 100%
    }
    .about-section-four .content-column {
        order: 0 !important
    }
    .about-section-four .image-column .image-1,
    .about-section-four .image-column .image-1 img,
    .about-section-four .image-column .image-2 img,
    .about-section-four .image-column .image-2 {
        width: 100%
    }
    .why-choose-us .image-column .inner-column {
        margin: 0
    }
    .why-choose-us .content-column .image-box .image {
        display: none
    }
    .why-choose-us .content-column .image-box .caption {
        position: relative;
        max-width: 100%;
        left: 0
    }
    .contact-section .image-column .image-box .image,
    .contact-section .image-column .image-box .image img {
        display: block;
        width: 100%
    }
    .banner-section-two .banner-carousel .owl-nav {
        display: none
    }
    .banner-section-two .slide-item:before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #fff;
        opacity: .5;
        content: "";
        z-index: 1
    }
    .offer-section-three .content-column,
    .about-section-five .content-column {
        order: 0 !important
    }
    .about-section-five .image-column .inner-column:before {
        display: none
    }
    .about-section-five .image-column .image-1 img,
    .about-section-five .image-column .image-1 {
        width: 100%
    }
    .video-section .video-box .image img {
        min-height: 400px;
        object-fit: cover
    }
    .video-section .video-box .content .title {
        font-size: 24px
    }
    .video-section .video-box .content .play-btn i {
        height: 80px;
        width: 80px;
        font-size: 20px;
        margin-bottom: 15px
    }
    .project-section-three .carousel-outer {
        margin-right: 0
    }
    .project-section-three .sec-title {
        text-align: center
    }
    .industries-section .image-column .image-box .image:before,
    .why-choose-us-three:before,
    .service-block-four .title br,
    .project-section-three .sec-title .btn-box {
        display: none
    }
    .why-choose-us-two .image-column .image-box {
        margin-right: 0
    }
    .contact-section-three .info-column,
    .why-choose-us-three .content-column,
    .about-section-six .content-column {
        order: 0 !important
    }
    .about-section-six .image-column .image-box {
        max-width: 500px;
        margin: 50px auto 0
    }
    .project-section.style-two .carousel-outer {
        margin-right: 0
    }
    .work-tabs .tab-buttons .tab-btn {
        font-size: 18px;
        padding: 15px 20px;
        line-height: 30px
    }
    .industries-section .image-column .image-box .image img,
    .work-tabs .image-column .image img {
        width: 100%
    }
    .contact-section-three .info-column .inner-column,
    .industries-section .image-column .image-box {
        padding-left: 0
    }
    .news-section-two::before {
        max-width: 100%;
        background-size: cover
    }
    .offer-section-four .image-column .image-box,
    .news-section-two .carousel-column .carousel-outer {
        margin-right: 0
    }
    .about-section-five .image-box .image img,
    .about-section-five .image-box {
        width: 100%;
        display: block
    }
    .pricing-block.pull-left,
    .pricing-section .pricing-column .inner-column {
        margin-left: 0
    }
    .hide-md,
    .contact-form-three .title-box .title br {
        display: none
    }
    .contact-section-four .fact-counter {
        padding-bottom: 0
    }
    .contact-form-three .title-box .title {
        letter-spacing: .05em
    }
}

@media only screen and (max-width:767px) {
	
.agent-box p {
  margin: 0;
  font-size: 14px;
  height: auto;}

.page-title .auto-container {
  display: block;
}


.page-title .title-outer {
margin-bottom: 10px;
}


.about-section-three .image-column .inner-column {
  max-width: 100%;
  padding: 15px 0 15px 20px;
}


.banner-carousel .banner-content h2 {
    font-size: 19px;
    margin-bottom: 10px;
}
	.main-header .logo img {
		max-width:180px;
	}
	
	.page-title {
height: auto;
padding: 30px 20px;display: inline-block;
width: 100%;
	
	}
	
	
	.blog-details__title {
  font-size: 17px;margin: 8px 0;
	line-height: 30px;}
	
	
	.page-title .title {
  color: #ffffff;
  font-size: 22px;
  margin-bottom: 8px;
}
/****************************/

.colfive {
	width: 50%;
}


	.wra-rad .option,
	.wra-rad {
		gap: 8px;
	}
	
	.wra-rad .option span {
	font-size: 13px;}
	


.title-outer h4,
.title-outer h4 strong,
.title-outer h4 span,
.title-outer h4 strong span,
	h4,
	.sedar .sedar-title h2,
	.about-section-three .content-column .inner-column h3 {
	font-size: 17px !important;}
	
	
	
	.member-bt,
	.special-title {
		width: 100%;
		
	}
	.about-section-three.abt-newsec .content-column .inner-column p {
  margin-bottom: 17px;
  font-size: 15px;
}
	
	.about-section-three.abt-newsec .content-column .inner-column {
		padding-top: 0;
	}
	
	
	.co-content p {
  margin: 0;
  font-size: 17px;
  padding: 0;
  text-align: center;
  margin-bottom: 15px;color: #a2a2a2
}
	
	.about-section-three .content-column .inner-column {
		padding-left: 0;
	}
	
	
	.brand-text .swer h2 {
line-height: 30px;
font-size: 22px;
width: 80%;
text-align: center;
margin: 0 auto;
}
	
	
	.feature-section-three, .feature-section-five {
		padding: 20px 0;
	}
	
	
	
	.agent-box {
	margin-bottom: 15px;	
	}
	.def-box {
		margin: 5px 5px;
	}
	
	.custom-nav .owl-nav {
  top: -45px;
}
	
	.form-control, .input-text {
	margin-bottom: 10px;}
	
	
	.contact-details__right iframe {
	border-radius: 20px;
	height:360px
}
	
	
	.auth-card .user-box .image-user {
  border-radius: 16px;
  height: 130px;
  width: 100px;
}
	
	.co-item {
		text-align: right;
	}
	
	
	.user-box {
		margin-bottom: 10px;
	}
	
	
	.user-box h3,
	.auth-card .user-box p,
	.auth-card .user-box h3 {
  font-size: 17px;
}
	


.project-block-two .inner-box .cat {
  font-size: 18px;
}

	.auth-card .user-box {
  padding: 20px;  padding-right: 140px;
  height: 180px;
}

	.contact-details,
	.careers-section,
	.feat-sec, .partn-section,
.news-section,	
.soci-section,
	.users-section,
	.feature-sec, .values-section,
	.brand-wrap,
	.about-section-three {
	padding: 20px 0 10px;}
	
	
	
	.sedar {margin-bottom: 20px;
	padding: 15px; width:100%;}
	
	.sedar .btn-bg {
  width: auto;
}


	.owl-carousel.banner-carousel .owl-nav {
		width: auto;
gap: 6px;
padding: 8px 10px;
display: none;
	}
	
	
	.def-box h3 {
		font-size: 15px;
	}
	
	
	.special-title,
	.feature-block-five {
		text-align: center;
	}
	.project-block-two {
			margin-bottom: 5px;
	}
	.feature-block-five {
		margin: 5px 5px;
	}
	
	.leading__right {
		width: 100%;text-align: center;
	}
	
	.leading:after {
background-size: 100% 100%;
		}
		
		.lead-title h2 {
		font-size: 23px;
line-height: 30px;}
		
	
	.leading {
	padding: 20px 0;}
	
	.feature-block-five .text {
	height: 48px;}
	
	.owl-carousel.banner-carousel .owl-nav > div {
	width: 35px;
height: 35px;
line-height: 35px;
	font-size: 18px;}
	
	.banner-carousel .banner-content {
		width:100%;
		max-width: 100%;padding: 0;
	}
	
	
	
	.container, .auto-container {
  position: static;
	max-width: 100%;}
	
	
	.btn-one {
	
		font-size: 15px;
		padding: 8px 20px;
border-radius: 6px;
width: auto;display: inline-block;
	}
	
	.sec-title h2 {
		
	}
	
	.image-pro {
		margin-bottom: 10px;height: 200px;
	}
	
	.brand-wrap:after,
	.brand-wrap:before { 
	clip-path: none;
	width: 100%;background-size: cover !important;
	}
	
	.ts-breaking-news .breaking-news-content {
  width: 100%;
  padding: 0;
}
	
	.brand-wrap:after {
	background-position: center;
	}
	
	.btn-one i {
	margin-right:8px;
	}
	.banner-content .btns {
  margin-top: 8px;
}



.btns {
  gap: 15px;
}
	
	
	
.counter-block-two .title {
  height: 48px;}

.counter-block-two .icon {
height: 62px;
}

.counter-block-two .inner {
padding: 15px;
}




.features-section .title-column .title {
  font-size: 25px;
  line-height: 30px;
}


.features-section .contact-column .phone {
  font-size: 22px;}



.feature-block-five .title,
    .banner-section-two .content-box .title,
    .sec-title h2 {
        font-size: 18px
    }


.co2-career {
  float: none;
  width: 100%;
  margin-right: 0;
}


.about-section-three .content-column li {
  width: 100%;
}

.about-section-three .image-column .image-1 img {
	height: auto !important;
}
	
.about-section-three .image-column .image-1 img:nth-child(2) {
	right: 8%;top: 12px;
}


.about-section-three .image-column .image-1 img:nth-child(3) {
	right: 16%;top: 22px;
}

.about-section-three .image-column .image-1 img:nth-child(4) {
right: 24%;
top: 38px;}


.special-title img {
  width: 200px;margin-bottom: 20px;
}

.main-footer .footer-column:after,
.banner-carousel .owl-dots,
.no-mob {
   display: none;
}

.project-block-two .inner-box .info-box {
	padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
}

.project-block-two .inner-box,
.about-section-three .content-column,
.about-section-three .content-column .sec-title {
  margin-bottom: 10px;
}

.main-footer .widgets-section {
  padding: 25px 0 0;
}


.clients-carousel {
padding: 0;
}

.clients-section {
padding: 20px 0;
}


p {
  font-size: 14px;
  line-height: 23px;}



.swiper-caption-title {
line-height: 35px;
font-size: 20px;
margin: 0;
}

.swiper-caption-subtitle {
font-size: 15px;
line-height: 24px;
height: 72px;
overflow: hidden;}

.btn-style-one {
  padding: 8px 24px;
}


.banner-carousel .slide-item {
height: 280px;
}


.fun-fact-section-two {
padding: 20px 0 130px;
}


.tp-ox {
display: flex;
justify-content: center;
}

.footer-bottom .inner-container {
  padding: 10px 15px;
  margin-left: -15px;
  margin-right: -15px;
}

.sec-title {
margin-bottom: 10px;
}


.feature-section-five .sec-title,
.feature-block-six {
  margin-bottom: 0;}


.feature-section-three::after, .feature-section-five::after {

  height: 450px;
  width: 100%;
  background-size: contain;
  background-position: left;
}



.main-footer .about-widget .logo-box {
  margin-top: 0;
}

.main-footer .widget-title,
.main-footer .footer-widget {
  margin-bottom: 15px;}

.feature-block-six .icon {
  margin: 0 auto 15px;
}

.footer-bottom .copyright-text,
.feature-block-six .inner-box {
text-align: center !important;
}



.main-footer .widget-title,
.news-block .title {
	  font-size: 16px;
}

h4 {
  font-size: 20px;}

.custom-nav .owl-nav .owl-prev, .custom-nav .owl-nav .owl-next {	
  width: 35px;
  height: 35px;
  line-height: 35px;}


.sec-title.tit-flex h2 {
	display: none;
}

.services-details,
.tp-service-area {
  padding: 20px 0;}

    .main-slider .title {
        padding: 7px 20px
    }
    .main-slider .title:before {
        display: none
    }
    .banner-section-two .content-box .title,
    .banner-section .content-box .title,
    .main-slider h1 {
        font-size: 58px;
        line-height: 1.2em
    }
    .main-slider .theme-btn {
        padding: 10px 30px;
        min-width: 150px !important
    }
    .main-slider .text {
        font-size: 18px;
        line-height: 26px
    }
    .banner-section .content-box .btn-box {
        flex-direction: column
    }
    .banner-section .content-box .btn-box .theme-btn {
        order: 2
    }
    .banner-section .content-box .sub-title {
        font-size: 12px;
        padding: 5px 20px;
        line-height: 25px
    }
    .banner-section .content-box .play-btn {
        margin-left: 0;
        margin-bottom: 20px
    }
    .about-section:after {
        top: 0
    }
    .features-section.pull-up .outer-box {
        margin-top: 0;
        padding-top: 50px
    }
    .about-section .content-column .content-box {
        padding-right: 0
    }
    .about-section .content-column .info-box {
        position: relative;
        max-width: 100%;
        padding: 20px;
        margin-bottom: 50px
    }
    .about-section .content-column .info-box .title {
        margin-bottom: 10px
    }
    .call-to-action .title-box .title {
        font-size: 42px
    }
    .project-block .content-box {
        padding: 20px 30px
    }
    .call-to-action-two .outer-box {
        margin-left: -15px;
        margin-right: -15px
    }
    .call-to-action-two .content-box {
        flex-direction: column;
        text-align: center;
        padding: 40px 30px 50px
    }
    .call-to-action-two .btn-box {
        margin-top: 20px
    }
    .about-section-four .image-column .image-1 {
        margin-right: 15px
    }
    .about-section-four .image-column .icon-box img {
        transform: scale(.5)
    }
    .call-to-action-three .title-box {
        flex-direction: column;
        margin-bottom: 20px
    }
    .call-to-action-three .title-box .icon {
        margin-bottom: 10px;
        display: block
    }
    .call-to-action-three .outer-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 40px 20px
    }
    .offer-section-two:after,
    .about-section-four:before,
    .call-to-action-three .outer-box:before {
        display: none
    }
    .header-style-four .header-lower,
    .header-style-two .header-lower,
    .header-style-two .header-top {
        padding: 0 20px
    }
    .main-header .header-lower .logo-box {
        padding: 0 15px;
    }
    .contact-section-four .info-box .image {
        display: none
    }
    .offer-section-four .image-column .image-box .caption {
        position: relative;
        max-width: 100%;
        text-align: center;
        font-size: 24px;
        padding: 30px 20px;
        letter-spacing: 0
    }
    .pricing-section .pricing-column .inner-column {
        flex-direction: column
    }
    .pricing-block,
    .pricing-block .inner-box {
        max-width: 100%;
        width: 100%
    }
    .faqs-section.style-two .image-column .info-box .inner {
        padding-right: 0;
        text-align: center
    }
    .faqs-section.style-two .image-column .info-box .icon {
        position: relative;
        display: inline-flex;
        margin: 0 auto 30px
    }
    .contact-section-four:before {
        min-height: 40%
    }
    .contact-section-four .info-box {
        padding-right: 0
    }
    .contact-section-four .our-values {
        margin-bottom: 30px
    }
    .contact-form-three {
        padding: 50px 30px
    }
}

@media only screen and (max-width:599px) {
    .banner-section-two .content-box .title-box {
        padding: 50px 25px 40px
    }
    .banner-section-two .content-box .title,
    .sec-title h2 {
        font-size: 18px
    }
    .banner-section-four .content-box .title {
        font-size: 42px;
        letter-spacing: 0
    }
    .banner-section-four .content-box .text {
        font-size: 16px;
        line-height: 26px
    }
    .main-header .header-lower .logo-box {
        min-width: auto;
        margin-right: 0
    }
    .call-to-action-five .title-box .title {
        font-size: 30px
    }
    .sec-title .sub-title:before,
    .main-slider .hidden-mobile,
    .main-slider .text br {
        display: none
    }
    .service-block .content-box {
        padding: 25px 0 0
    }
    .offer-section .image-column .caption-box {
        position: relative;
        align-items: center;
        text-align: center;
        max-width: 100%
    }
    .offer-section .content-column .info-box .icon {
        position: relative;
        margin-bottom: 20px;
        display: block
    }
    .call-to-action .title-box .title {
        font-size: 32px
    }
    .testimonial-block .text {
        font-size: 18px;
        line-height: 26px
    }
    .about-info-box {
        padding: 30px 0 10px;
        flex-direction: column;
        text-align: center
    }
    .about-info-box .icon {
        height: 120px;
        width: 120px;
        border-radius: 50%
    }
    .about-info-box .content {
        padding: 20px
    }
    .about-info-box .number {
        font-size: 24px
    }
    .about-section-two .image-column .experience {
        transform: scale(.7);
        animation: none;
        left: 0;
        right: 0;
        margin: 0 auto
    }
    .call-to-action-two .title-box .title {
        font-size: 28px
    }
    .branch-block .inner-box {
        padding: 35px 30px 30px
    }
    .footer-bottom .inner-container {
        padding: 8px 15px;
        margin-left: -15px;
        margin-right: -15px
    }
    .banner-section .content-box .title {
        font-size: 42px
    }
    .about-section-three .image-column .image-2,
    .banner-carousel .owl-nav {
        display: none
    }
    .banner-section .content-box {
        padding: 140px 0
    }
    .features-section-two .bottom-text .theme-btn {
        display: block;
        margin-left: 0;
        margin-top: 10px
    }
    .about-section-four .content-column .blockquote-style-one {
        padding-right: 20px;
        margin-bottom: 30px
    }
    .about-section-four .content-column .btn-box {
        flex-direction: column
    }
    .about-section-four .content-column .btn-box .theme-btn {
        order: 2;
        margin-right: 0
    }
    .founder-info {
        margin-bottom: 30px
    }
    .location .location-info {
        padding: 20px 30px
    }
    .location .info-list li {
        font-size: 14px;
        line-height: 24px
    }
    .why-choose-us .content-column .image-box .caption {
        padding: 20px 30px 25px
    }
    .contact-section .image-column .image-box .image {
        margin-bottom: 0
    }
    .contact-section .image-column .image-box .image:before {
        display: none
    }
    .contact-section .image-column .image-box {
        padding: 0
    }
    .contact-section .image-column .image-box .info-box {
        position: relative;
        top: 0;
        padding: 30px 20px;
        text-align: center
    }
    .contact-section .image-column .image-box .info-box .icon {
        position: relative;
        left: 0;
        top: 0;
        display: block
    }
    .video-section .title-box .text br {
        display: none
    }
    .about-section-five .content-column .inner-column .list-style-three li {
        width: 100%
    }
    .about-section-five .content-column .inner-column .list-style-three {
        margin-bottom: 30px
    }
    .about-section-five .content-column .btn-box {
        flex-direction: column
    }
    .about-section-five .content-column .btn-box .theme-btn {
        order: 2;
        margin-right: 0
    }
    .offer-section-three .content-column .info-box {
        padding-left: 0;
        text-align: center
    }
    .offer-section-three .content-column .info-box .count {
        position: relative;
        display: inline-flex;
        margin-bottom: 20px
    }
    .offer-section-three .image-column .video-box .play-btn {
        height: 80px;
        width: 80px;
        font-size: 20px
    }
    .offer-section-three .image-column .image-box {
        height: 100%;
        width: 100%
    }
    .offer-section-three .image-column .image-box:before {
        display: none
    }
    .contact-section-two .info-column .inner-column {
        padding: 30px 0 0
    }
    .contact-form.light {
        padding: 30px 25px 35px
    }
    .contact-section-two .info-column .info-box {
        padding-left: 0;
        text-align: center
    }
    .contact-section-two .info-column .info-box .icon {
        position: relative;
        display: inline-flex;
        margin-bottom: 20px
    }
    .location-block-two .inner-box {
        padding: 30px
    }
    .call-to-action-four .title-box .sub-title {
        font-size: 14px
    }
    .call-to-action-four .title-box .title {
        font-size: 28px
    }
    .banner-section-three .content-box .btn-box .theme-btn {
        padding: 10px 30px 8px
    }
    .work-tabs .tab-buttons {
        flex-wrap: wrap
    }
    .why-choose-us-three .content-column .info-box {
        padding-left: 0
    }
    .why-choose-us-three .content-column .info-box .icon {
        position: relative;
        display: inline-block;
        margin-bottom: 20px
    }
    .why-choose-us-three .content-column .list-style-three li {
        width: 100%;
        padding-right: 0
    }
    .contact-info-box {

    }
    .call-to-action-five .title-box {
        padding: 80px 20px
    }
    .contact-section-four .our-values {
        flex-direction: column
    }
    .contact-section-four .info-column .title-box .title {
        font-size: 26px
    }
    .contact-section-four .info-column .title-box {
        min-height: auto;
        padding: 60px 30px
    }
    .contact-section-four .our-values .image img,
    .contact-section-four .our-values .image {
        margin-right: 0;
        width: 100%
    }
    .testimonial-block-four .info-box {
        margin-left: 0
    }
    .testimonial-block-four .content-box:before {
        border-top-width: 10px;
        border-right-width: 30px
    }
    .testimonial-block-four .content-box {
        padding: 40px 30px;
        text-align: center
    }
    .testimonial-block-four .content-box .text {
        font-size: 18px;
        line-height: 28px
    }
    .testimonial-block-four .content-box .icon-quote {
        height: 40px;
        width: 40px;
        background-size: 18px
    }
    .faqs-section.style-two .image-column .info-box {
        padding: 35px 25px
    }
    .faqs-section.style-two .image-column .info-box .title {
        font-size: 24px
    }
    .faqs-section.style-two .image-column .info-box .icon {
        height: 100px;
        width: 100px;
        font-size: 62px
    }
    .offer-section-four .content-column .info-box,
    .pricing-section .content-column .info-box {
        padding-left: 60px
    }
    .offer-section-four .content-column .info-box .count,
    .pricing-section .content-column .info-box .icon {
        height: 45px;
        width: 45px
    }
    .about-section-five .image-box .image {
        padding: 0
    }
    .about-section-five .content-column .btn-box .info-btn {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:424px) {
    .main-slider .title {
        font-size: 12px;
        padding: 5px 20px
    }
    .main-slider h1 {
        font-size: 42px
    }
    .banner-section-three .content-box .title {
        font-size: 38px
    }
    .banner-section-three .content-box .sub-title {
        font-size: 20px
    }
    .banner-section .content-box .title {
        font-size: 38px;
        line-height: 1.2em;
        margin-bottom: 15px
    }
    .banner-section-two .content-box .sub-title {
        font-size: 12px
    }
    .main-slider .hidden-mobile,
    .main-slider .text br {
        display: none
    }
    .about-section .experience {
        left: 0
    }
    .contact-form {
        padding: 40px 30px 30px
    }
    .news-block .content-box {
        padding: 25px 30px 35px
    }
    .project-block-three .image-box .overlay-box {
        padding: 20px 30px
    }
    .about-section-six .completed-projects {
        display: none
    }
    .about-section-six .image-column .image-box:after {
        left: 20%
    }
}

@media only screen and (max-width:320px) {
    .mobile-nav-toggler {
        margin-left: 0
    }
}