/* MEDIA QUERY RESPONSIVE STRAT */



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

    

}

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

}

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

    .container{

        max-width: 1170px !important;

        margin: 0 auto !important;

    }

    .banner-text p,.banner-text ol li a,.banner-text ol li {

        font-size: 23px;

        line-height: 34px;

    }

    .banner-text h1 {

        font-size: 55px;

        line-height: 65px;

        margin-bottom: 20px;

    }

}

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

    .support-sec {

        padding-bottom: 100px;

    }

    .about-img {

        right: 15px;

        top: 50%;

        width: 500px;

        transform: translate(0, -50%);

    }

    .cmn-title h2,.credentials-text h3 {

        font-size: 30px;

        line-height: 40px;

        margin-bottom: 20px;

    }

    .cmn-title p {

        margin-bottom: 20px;

    }

.clients-sec {

    padding-bottom: 60px;

}

.consult-text {

    max-width: 550px;

}

}

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

    .main-contact-text h3 {

        font-size: 23px;

        line-height: 33px;

    }

    .main-contact-text {

        padding: 60px 25px 70px 25px;

    }

    .main-contact-text h6 {

        font-size: 16px;

        margin-bottom: 40px;

    }

    .work-sec {

        padding: 70px 0;

    }

    .map-text .cmn-title h6{

        margin-bottom: 15px;

    }

    .map-text .cmn-title h2 {

        font-size: 36px;

        line-height: 45px;

    }

    .cmn-title h6 {

        font-size: 16px;

        line-height: 16px;

    }

    .consult-sec {

        gap: 15px;

    }

    .cmn-title h6 em::after {

        height: 40px;

        left: -25px;

    }

    .consult-text .cmn-title h2 {

        font-size: 22px;

        line-height: 30px;

        margin-bottom: 20px;

    }

    .consult-text {

        max-width: 500px;

    }

    .consult-text .cmn-title p {

        font-size: 15px;

        line-height: 25px;

    }

    .banner-text h1 {

        font-size: 45px;

        line-height: 53px;

        margin-bottom: 18px;

    }

    .banner-text p,.banner-text ol li a,.banner-text ol li {

        font-size: 18px;

        line-height: 27px;

    }

    .banner {

        padding: 120px 0 50px;

    }

    .cmn-title h4 {

        font-size: 20px;

        margin-bottom: 15px;

    }

    .client-box .client-img {

        max-width: 100px;

        min-height: 100px;

    }

    .client-box .client-img svg {

        width: 50px;

        height: 50px;

    }

    .credentials-sec {

        padding-top: 70px;

    }

}



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

    .about-text {

        max-width: 450px;

    }

    .banner::after{

        width: 200px;

    }

    .consult-text .cmn-title h2 {

        font-size: 18px;

        line-height: 25px;

        margin-bottom: 15px;

    }

    .consult-sec {

        padding: 0px 15px 70px;

    }

}



@media only screen and (max-width:991.98px) {
	.foot-info > p {
		text-align: left;
	}
	.ftr-btm-flex p {
		text-align:right;
	}
    .work-sec {

        padding: 70px 0 50px;

    }

    .work-img {

        max-width: 500px;

        margin: 0 auto 40px;

    }

    .alternate-row-sec {

        padding: 70px 0;

    }

    .alternate-row-sec .container .row {

        margin-bottom: 70px;

    }

    .alternate-row-text .cmn-title ul li + li, .work-sec .cmn-title ul li + li {

        margin-top: 10px;

    }

    .alternate-row-text .cmn-title ul li, .work-sec .cmn-title ul li {

        font-size: 15px;

        line-height: 24px;

    }

    .support-sec {

        padding-bottom: 60px;

    }

    .cmn-contact-text .cmn-title h2{

        font-size: 25px;

        line-height: 30px;

    }

    .about-sec {

        position: relative;

        padding: 80px 0;

        background: #111111;

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: row-reverse;

    }

    .about-sec .row>* {

        width: 100%;

    }

    .about-text {

        max-width: 100%;

        padding-right: 40px;

    }

    .about-img {

        right: 15px;

        top: 0;

        width: auto;

        transform: translate(0);

        position: relative;

    }

    .banner {

        margin-bottom: 70px;

    }

    .consult-sec {

        flex-direction: column;

    }

    .header-wrapper {

        justify-content: space-between;

        gap: 0;

    }

    .nav_and_mail .nav_sec ul {

        gap: 40px;

    }

    .banner-text h1 {

        font-size: 40px;

        line-height: 50px;

    }

    .banner-text p,.banner-text ol li a,.banner-text ol li {

        font-size: 16px;

        line-height: 27px;

    }

}



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

    .map-text .cmn-title h2 {

        font-size: 25px;

        line-height: 33px;

    }

    .cmn-contact-text {

        flex-direction: column;

        gap: 25px;

        padding: 45px 20px;

    }

    .cmn-contact-text h2 {

        text-align: center;

    }

}



@media only screen and (max-width:767.98px) {
	.foot-info > p {
		text-align: center;
	}
	.ftr-btm-flex p {
		text-align:center;
	}
    .testi-box {
        margin: 50px 20px 30px;
        padding: 35px 30px;
    }

    .main-contact-form form .row {

        padding-top: 50px;

    }

    .main-contact-form {

        padding: 20px;

    }

    .main-contact-text ul li p {

        max-width: unset;

    }

    .main-contact-text ul li + li {

        margin-top: 30px;

    }

    .alternate-row-img {

        max-width: 500px;

        margin: 0 auto 30px;

    }

    .support-sec .row .cmn-title {

        text-align: center;

    }

    .banner-text ol{

        justify-content: center;

    }

    .support-img img {

        margin: 0 auto 35px;

    }

    .support-sec {

        padding-bottom: 45px;

    }

    .map-text {

        margin-top: 30px;

    }

    .about-sec {

        flex-direction: column;

        gap: 35px;

        padding: 80px 0 60px;

    }

    .about-text{

        padding-right: 0;

    }

    .about-img {

        right: 0;

        transform: translate(0);

        padding: 0 15px;

        max-width: 500px;

    }

    .about-text .cmn-title {

        text-align: center;

    }

    .inner-about .about-text .cmn-title{

        text-align: left;

    }

    .inner-about .about-text .cmn-title {

        max-width: 100%;

    }

    .client-box {

        padding: 35px 15px 0px;

    }

    .banner .row {

        flex-direction: column-reverse;

    }

    .banner-img {

        max-width: 500px;

        margin: 0 auto 30px;

    }

    .banner-text {

        text-align: center;

    }

    .banner-text h1 {

        font-size: 35px;

        line-height: 45px;

    }

    .cmn-title h2 ,.map-text .cmn-title h2,.credentials-text h3{

        font-size: 27px;

        line-height: 36px;

    }

}



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

    .logo {

        width: 120px;

    }

    

     /* ------------------ HEADER RESPONSIVE START ------------------ */

   span.toggle-menu {

    width: auto;

    margin: 0;

    padding: 0;

    display: flex !important;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 50%;

    bottom: 0;

    transform: translate(0, -50%);

}

.toggle-menu i {

    color: #313131;

    font-size: 20px;

    margin: 0px;

    border: 2px solid var(--black);

    padding: 7px 9px;

    border-radius: 5px;

    color: var(--black);

}

.nav_and_mail .nav_sec {

    width: 280px;

    height: 100%;

    position: fixed;

    z-index: 999;

    top: 0;

    right: -100%;

    padding: 70px 0 0;

    background:var(--violet) !important;

    display: block;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;



}



.nav_and_mail .nav_sec.slidein {

    right: 0;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.nav_and_mail .nav_sec .cls-btn {

    width: 32px;

    height: 32px;

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

    background: url(images/cross.png) no-repeat center;

}



.nav_and_mail .nav_sec ul {

    text-align: left;

    flex-direction: column;

    height: auto;

    gap: 0;

}

.nav_and_mail .nav_sec ul li ul li a:hover {

    color:#fff !important;

    background:#000;

}

.nav_and_mail .nav_sec ul li ul li a{

    border-radius: 0;

}

.nav_and_mail .nav_sec ul>li {

    display: block;

    padding-bottom: 0;

    width: 100%;

    margin: 0;

}



.nav_and_mail .nav_sec ul>li+li {

    margin-left: 0;

}



.nav_and_mail .nav_sec ul>li a {

    color: var(--white);

    padding: 10px 15px;

    font-size: 17px;

    border-radius: 0;

}



.nav_and_mail .nav_sec ul li a:before {

    display: none;

}



.nav_and_mail .nav_sec ul>li:hover>a,

.nav_and_mail .nav_sec ul>li.active>a {

    background: #e8f9fc;

    color: var(--black) !important;

}



.nav_and_mail .nav_sec ul li {

    padding: 0px;

}



.nav_and_mail .nav_sec>ul>li>a:after,

.nav_and_mail .nav_sec>ul>li>a:after {

    display: none;

}



.nav_and_mail .nav_sec img {

    display: inline-block;

    vertical-align: middle;

}



.nav_and_mail .nav_sec i {

    font-style: normal;

    color: #fff;

    line-height: 30px;

    font-size: 21px;

    font-weight: 600;

}



.nav_and_mail .nav_sec ul>li:hover ul {

    display: none;

}



.nav_and_mail .nav_sec ul>li ul {

    width: 100%;

    background: var(--white) !important;

    position: static;

    top: 100%;

    left: 0;

    text-align: left;

    display: none;

    border-radius: 0;

    padding: 0;

    transition: 0.0s;

    visibility: visible;

    opacity: 1;

    pointer-events: all;

}



.nav_and_mail .nav_sec ul li ul li a {

    padding: 6px 35px;

    color: var(--black);

}



.nav_and_mail .nav_sec ul ul>li:hover>a,

.nav_and_mail .nav_sec ul ul>li.active>a {

    background: black;

    color: #FFF !important;

}



.nav_and_mail .nav_sec ul li .arw-nav {

    width: 40px;

    height: 45px;

    position: absolute;

    right: 0;

    top: 0px;

    z-index: 999;

    transform: translate(0, 0);

    cursor: pointer;

    background: url(images/arw.svg) no-repeat center;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;



}



.nav_and_mail .nav_sec ul li .arw-nav.actv {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



/* ------------------ HEADER RESPONSIVE END ------------------ */

}



@media only screen and (max-width:575.98px) {
	.ftr-btm-flex {
	flex-direction: column;
	gap: 10px 0;
}
    .main-contact-form form .input-wrapper input[type="submit"] {

        margin: 0 auto;

    }

    .main-contact-form {

        padding: 10px;

    }

    .main-contact-text h3 {

        font-size: 20px;

        line-height: 29px;

    }

    .main-contact-text {

        padding: 35px 20px 70px 20px;

    }

    .main-contact-text ul li {

        gap: 15px;

    }

    .main-contact-text ul li p, .main-contact-text ul li, .main-contact-text ul li a {

        font-size: 15px;

        line-height: 24px;

    }

    .credentials-sec {

        padding-top: 50px;

    }

    .alternate-row-sec {

        padding: 70px 0 50px;

    }

    .work-sec {

        padding: 60px 0 40px;

    }

    .banner-text h1 {

        font-size: 30px;

        line-height: 40px;

    }

    .banner::after {

        width: 150px;

    }

    .foot-info {

        flex-direction: column;

        gap: 15px;

    }

    .foot-info p {

        line-height: 20px;

    }

    .cmn-title h2, .map-text .cmn-title h2,.credentials-text h3 {

        font-size: 22px;

        line-height: 30px;

    }

    .cmn-contact-text .cmn-title h2 {

        font-size: 22px;

        line-height: 30px;

    }

    .cmn-contact-sec {

        padding: 50px 0 25px;

    }

    .map-sec {

        padding: 75px 0 0px;

    }

    .clients-sec {

        padding-bottom: 50px;

    }



}



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

    .banner {

        margin-bottom: 55px;

    }

}

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



}



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

   

}



/* MEDIA QUERY RESPONSIVE END sdoihfgoisdhfiopsdhopifhsdoihf*/