/*============== header responsive css =============*/
@media(max-width:1024px){
    .headerNav {
        max-width: 400px;
        right: 0;
        left: auto;
    }
    .mainNav{
        padding: 20px 14px;
        flex-direction: column;
        align-items: flex-start;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 80vh;
    }
    .mainNav::-webkit-scrollbar {
        width: 6px;
    }
    .mainNav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 4px #D3E9F4;
        border-radius: 1px;
    }
    .mainNav::-webkit-scrollbar-thumb {
        background: #1A332D;
        border-radius: 1px;
        transition: all 0.4s ease;
    }
    .mainNav::-webkit-scrollbar-thumb:hover {
        background: #4a639c;
    }
    .mainNav .subOpen{
        display: inline-flex;
    }
    .mainNav > li {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
    .mainNav > li > a {
        font-size: 22px;
        color: #fff;
        padding: 8px 0px;
    }
    .mainNav > li.menu-item-has-children > a{
        max-width: calc(100% - 40px);
    }
    .mainNav > li > .sub-menu {
        display: none;
        position: relative;
        visibility: visible;
        opacity: 1;
        background: none;
    }
    .mainNav > li > .sub-menu > li {
        width: 100%;
        padding: 7px 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-top: 1px solid #C4C4C4;
        margin-bottom: 20px;
    }
    .mainNav > li > .sub-menu{
        padding: 0;
    }
    .mainNav > li.wpml-ls-item a {
        margin-top: 8px !important;
    }
    .mainNav > li > .sub-menu > li > a {
        font-size: 16px;
    }
    .mainNav > li > .sub-menu > li > .sub-menu a {
        font-size: 20px !important;
    }
}
/*============== End of header responsive css =============*/
@media(max-width:1399px){

}
@media(max-width:1199px){
    body h1, body .h1{
        font-size: 64px;
    }
    .font48, .font48 p{
        font-size: 42px;
    }
    .textLead, .textLead p,
    body h2, body .h2{
        font-size: 36px;
    }

    .padding_xl{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .padding_lg{
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .padding_md{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .gap_xl{
        gap: 120px;
    }
    .gap_lg{
        gap: 90px;
    }
    .gap_md{
        gap:70px;
    }
    .text_Img_Inner {
        position: relative;
        aspect-ratio: 4 / 1.75;
    }
}

@media(max-width:991px){
    body h1, body .h1{
        font-size: 52px;
    }
    .font48, .font48 p{
        font-size: 38px;
    }
    .textLead, .textLead p,
    body h2, body .h2{
        font-size: 32px;
    }
    body h3, body .h3,
    .font32, .font32 p{
        font-size: 28px;
    }
    body h4, body .h4,
    .font24, .font24 p{
        font-size: 22px;
    }
    .padding_xl{
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .padding_lg{
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .padding_md{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .padding_sm{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .gap_xl{
        gap: 85px;
    }
    .gap_lg{
        gap: 70px;
    }
    .gap_md{
        gap:60px;
    }
    .gap_sm{
        gap:45px;
    }
    .bigCarousel .swiper{
        height: 80vh;
    }
    .bigCarousel .role-item .dot {
        width: 14px;
        height: 14px;
        transform: translate(-14px, 0px);
    }
    .bigCarousel .role-item{
        padding:2px 35px 2px 0px;
    }
    .bigCarousel .role-item.active{
        padding:2px 0px 2px 35px;
    }
    .teamCard {
        padding-bottom: 30px;
    }
    .teamRow {
        row-gap: 30px;
    }
    .profileContact table{
        width: 100%;
    }
    table.tableStyle tr td {
        padding: 12px 16px 12px 0;
        min-width: 140px;
    }
    .text_Img_Inner {
        position: relative;
        aspect-ratio: 4 / 2.15;
    }
}
@media(max-width:767px){
    body{
        font-size: 14px;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    body h1, body .h1{
        font-size: 42px;
    }
    .font48, .font48 p{
        font-size: 30px;
    }
    .textLead, .textLead p,
    body h2, body .h2{
        font-size: 28px;
    }
    body h3, body .h3,
    .font32, .font32 p{
        font-size: 20px;
    }
    body h4, body .h4,
    .font24, .font24 p{
        font-size: 18px;
    }
    .font18, .font18 p{
        font-size: 16px;
    }
    .font14, .font14 p {
        font-size: 12px;
    }
    .padding_xl{
        padding-top: 62px;
        padding-bottom: 62px;
    }
    .padding_lg{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .padding_md{
        padding-top: 42px;
        padding-bottom: 42px;
    }
    .padding_sm{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .gap_xl{
        gap: 62px;
    }
    .gap_lg{
        gap: 50px;
    }
    .gap_md{
        gap:42px;
    }
    .gap_sm{
        gap:35px;
    }
    .rds12 {
        border-radius: 8px;
    }
    .rds8 {
        border-radius: 4px;
    }
    .bigCarousel .role-item .dot {
        width: 10px;
        height: 10px;
        transform: translate(-10px, 0px);
    }
    .bigCarousel .role-item{
        padding:2px 24px 2px 0px;
        font-size: 30px;
    }
    .bigCarousel .role-item.active{
        padding:2px 0px 2px 24px;
    }
    .gform_wrapper form input[type="text"],
    .gform_wrapper form input[type="tel"],
    .gform_wrapper form input[type="email"],
    .gform_wrapper form input[type="number"],
    .gform_wrapper form select,
    .gform_wrapper form textarea {
        padding: 8px 0px !important;
        font-size: 20px !important;
    }
    .gform_wrapper form input[type="text"],
    .gform_wrapper form input[type="tel"],
    .gform_wrapper form input[type="number"],
    .gform_wrapper form select,
    .gform_wrapper form input[type="email"]{
        height: 42px;
    }
    .footerForm .gform_wrapper form .gform_footer {
        position: relative;
        height: 42px;
    }
    .footerForm .gform_wrapper form .gform_footer input[type='submit'] {
        padding: 0;
    }
    .footerForm {
        padding-top: 60px;
    }
    .footerMenu ul {
        gap: 5px;
        margin: 0;
    }
    .social_icon {
        gap: 5px;
    }
    .footerLinks a{
        font-size: 16px;
    }
    .titleOnImg{
        font-size: 20px;
    }
    .teamCard {
        padding-bottom: 16px;
    }
    .historyCard {
        padding-bottom: 20px;
    }
    .yearName {
        padding-left: 22px;
    }
    .teamRow {
        row-gap: 20px;
    }
    .teamCardInfo h4{
        padding-right: 20px;
        background-position: top 10px right 8px;
    }
    .teamCard:hover h4{
        background-size: 16px;
        background-position: top 2px right;
    }
    .titleOnImg {
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
    }
    .text_Img_Inner {
        position: relative;
        aspect-ratio: unset;
        min-height: 60vw;
    }
    .sicial_on_img a {
        font-size: 10px;
        border-radius: 6px;
        padding: 4px 10px 3px;
    }
    .hsSlider .slideCard img {
        height: 180px;
    }
    .filter-btn {
        border-radius: 4px;
        padding: 4px 8px;
        font-size: 10px;
    }
}