@media (max-width: 767px) {


    /*header*/
   .sub__menu{
        display: block;
    }
    header{

        padding: 20px 0px;

    }
    .menu-sub-menu-container ul li{
        font-size: 15px;
    }

    header.active .sub__menu{

        display: block !important;

    }

    header.active #Icon_map-search{

        fill: #000000 !important;

      }

      header.active a{

        color: normal !important;

      }

      header.active .header__menu {

        padding:0px !important ;

        background-color: #fff !important;

      }

      header.active #logo__box,

      header.active #logo__text {

        fill: #000000 !important;

      }

      header.active #logo__ec,

      header.active #logo__ad {

        fill: #fff !important;

    }

    .hamburger__menu{

        display: block;

    }

    .header__menu{

        padding: 0px;

        display: block;

        justify-content: space-between;

    }

    .main__nav ul li a{

        color: #000 !important;

    }

    .search__lang ul li a {

        color: #000 !important;

    }

    .hamburger__menu .line{

        display: block;

        height: 4px;

        width: 100%;

        border-radius: 10px;

        background: #fff;

    }
    .hamburger__menu.active .line {
        background-color: #000;
    }

    .hamburger__menu {

        height: 25px;

        width: 32px;

        z-index: 11;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    .hamburger__menu .line1 {

        transform-origin: 0% 0%;

        transition: transform 0.4s ease-in-out;

    }



    .hamburger__menu .line2 {

        transition: transform 0.2s ease-in-out;

    }

    .hamburger__menu .line3 {

        transform-origin: 0% 100%;

        transition: transform 0.4s ease-in-out;

    }

    .hamburger__menu.active .line1 {

        transform: rotate(45deg);

    }

    .hamburger__menu.active .line2 {

        transform: scaleY(0);

    }

    .hamburger__menu.active .line3 {

        transform: rotate(-45deg);

    }

    .header__search {
        width: 100% !important;
        height: 40px;
    }

    .header__search svg{

        width: 20px;

        height: 20px;

        top: 50%;

        transform: translateY(-50%);

        fill: #000;

    }
     .header__search form {
        height: 100%
     }
    .header__search input::placeholder{

        color: #000;

    }

    .header__search input{

        width: 100%;

        height: 100%;

        position: relative;

        border-bottom: 1px solid #000;

        padding-left: 30px;
        
        font-size: 14px;

    }

    .header__search i{

        display: none;

    }

    .search__lang{

        position: absolute;

        transform: translateX(-150%);

        transition: transform .9s ease-in-out;

        bottom: 40px;

        z-index: 11;

        justify-content: space-between;

        left: 0px;

        right: 0px;

        padding: 0px 20px;

    }

    .search__lang.active{

        transform: translateX(0%);

    }

    .menu-main-menu-container.active{

        transform: translateX(0%);

    }

    .main__nav ul li{

        width: auto;
        margin-bottom: 16px;

    }

    .menu-main-menu-container{

        display: block;

        height: 100vh;

        background-color: #fff;

        width: 100%;

        position: absolute;

        transform: translateX(-150%);

        z-index: 10;

        left: 0px;

        top: 0px;

        transition: transform .9s ease-in-out;

        text-align: center;

    }
    .menu-main-menu-container li ul{
        margin: 10px 0px 10px 20px !important;
        font-size: 18px !important;
    }
    .menu-main-menu-container li ul li{
        margin-bottom: 5px;
    }

  

    .menu-main-menu-container ul{

        display: block !important;
        font-weight: 700;
        text-align: left !important;
        margin: 180px 0 0 20px;
        gap: 0;

    }

    .header__menu .main__nav{

        display: flex;

        gap: 0;

        justify-content: space-between;

        align-items: center;

    }

    .main__nav a:nth-child(1){

        width: 200px;

        z-index: 11;

    }

    .main__nav a svg{

        width: 100%;

        height: 100%;

    }

    .home__master h1 {
        font-size: 40px;
    }

    .latest__news{

        display: flex;

        flex-direction: column-reverse;

        height: auto;

    }

    .latest__post-big{

        width: 100%;

        padding: 20px;

    }

    .latest__post-big span{

        font-size: 18px;

    }

    .latest__post-big h1{

        font-size: 32px;

        margin-bottom: 20px;

    }

    .latest__news img{

        width: 100%;

        height: 250px;

    }

    .latest__post-next{

        font-size: 18px;

        gap: 18px;

    }

    .latest__post-next img{

        width: 18px !important;

        height: 18px !important;

    }

    .latest__posts{

        display: block;

        padding-bottom: 50px;

    }

    .latest__post-item{

        width: 100%;

        padding: 0px;

        margin-bottom: 16px;

    }

    .latest__item-info span:nth-child(1){

        font-size: 18px;

    }



    .latest__item-info h2{

        font-size: 24px;

        margin-bottom: 5px;

    }

    .latest__item-info span{

        font-size: 17px;

    }

    .latest__item-info{

        margin-bottom: 10px;

    }

    .latest__post--exhibiton .latest__item-info{

        padding: 20px;

    }

    .latest__post--exhibiton h2{

        padding-left: 0px;

    }

    .latest__post--event .latest__item-info{

        padding: 20px;

    }

    .latest__post--event h2{

        padding: 0px;

    }

    .partners{

        padding: 24px 0px;

    }

    .partners-title h2{

        font-size: 32px;

    }

    .partners__accordion-item{

        padding: 16px 0px;

    }

    .partners__accordion-item h2{

        font-size: 36px !important;

    }

    .partners__accordion-body{

        flex-direction: column-reverse;

        row-gap: 20px;

    }

    .partners__accordion-item p{

        width: 100%;

        font-size: 16px;

    }

    .partners__accordion-item.active .partners__accordion-body{

        height: 210px;

        margin: 10px 0px;

    }

    .partners__accordion-body img{

        width: 165px;

        height: 55px;

    }

    .about{

        padding: 24px;

    }

    .about h2:nth-child(1){

        font-size: 32px;

        margin-bottom: 32px;

    }

    .about__item{

        width: 100%;

        display: block;

    }

    .about__item-img{

        width: 100%;

        height: auto;

        margin-bottom: 32px;

    }

    .about__item-img img{

        width: 100%;

    }

    .about__item-we-are{

        top: 0px;

    }

    .about__item-we-are h2:nth-child(1){

        font-size: 24px;

        margin-bottom: 24px !important;

    }

    .about__item-we-are p{

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 10px;

    }

    .about__information{

        width: 100%;



    }

    .about__information p{

        font-size: 24px;

    }

    .about__information ul li{

        font-size: 20px;

    }

    .timeline{

        padding: 24px 0px;

    }

    .timeline h2{

        font-size: 32px;

    }

    .timeline__years img{

        width: 150px;

        height: 150px;

    }

    .timeline__years{

        gap: 60px;

        margin-bottom: 20px;

    }

    .timeline__desc{

        width: 100%;

    }

    .timeline__desc p{

        font-size: 16px;

        line-height: 20px;

    }

    .contact{

        padding: 24px;

    }

    .contact__info h2{

        font-size: 32px;

    }

    .contact__info h2:nth-child(1){

        font-size: 32px;

        margin-bottom: 32px;

    }

    .contact__info p{

        font-size: 16px;

    }

    .contact__form{

        padding: 24px;

        display: block;

    }

    .contact__form-title h2{

        font-size: 32px;

        margin-bottom: 32px;

    }

    .contact__form-inner{

        width: 100%;

        padding: 0px;

    }

    .contact__form-inner input {

        width: 100%;

        height: 50px;

        margin-bottom: 10px;

        padding-left: 12px;

        font-size: 14px;

    }

    .contact__form-inner input::placeholder{

        font-size: 14px;

    }

    .contact__form-inner button{

        height: 50px;

        font-size: 14px;

    }

    .contact__info h2:nth-child(4){

        margin-bottom: 25px;

    }

    .explore__title{

        display: block;

        margin-bottom: 32px;

    }

    .explore__title button{

        font-size: 32px;

    }

    .explore__title button:nth-child(1){

        margin-bottom: 10px;

    }

    .explore__post-item{

        border: 2px solid #000;

        padding: 0px;

        flex-direction: column-reverse;

    }

    .explore__post-img{

        width: 100%;

        height: auto;



    }

    .explore__post-info{

        padding: 16px;

    }

    .explore__post-info-item span{

        font-size: 18px;

    }

    .explore__post-info h3{

        font-size: 24px;

    }

    .explore__post-info p{

        font-size: 16px;

    }

    .explore__post-info a{

        font-size: 20px;

    }

    .sub__menu-inner{
        border: none;
        display: block;
        gap: 0px;
        padding: 0px;
    }
    .sub__menu{
        position: absolute;
        transform: translateX(-150%);
        display: block;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
        top: 59%;
        transition: transform .6s ease-in-out;
        left: 40px;
        z-index: 22;
       
    }
    .sub__menu {
        display: none;
    }
    .sub__menu-inner ul li{
        font-size: 14px;
    }


    .explore__singlepage {
        padding: 24px;
    }
    .singlepage{
        padding: 24px;
    }
    .singlepage__item{
        display: block;
    }
    .singlepage__img{
        width: 100%;
        height: auto;
    }
    .singlepage__img img{
        width: 100%;
        height: 100%;
    }
    .singlepage__info{
        width: 100%;
        margin-top: 50px;
    }
    .singlepage__desc{
        width: 100%;
    }
    .singlepage__info-title span{
        font-size: 20px;
    }
    .singlepage__info-title{
        padding-bottom: 30px;
    }
    .singlepage__info-item{
        padding: 24px 0px;
    }
    .singlepage__info-item p{
        font-size: 16px;
    }
    .singlepage__desc h2{
        font-size: 20px;
        margin-bottom: 24px;
    }
    .singlepage__desc p{
        font-size: 16px;
    }
    

    .footer{

        padding: 24px;

    }

    .footer-item__sign h2{

        font-size: 24px;

    }

    .footer-item__input{

        width: 100%;

    }

    .footer-item__sign{

        width: 100%;



    }

    .footer-item__input input{

        height: 40px;

        padding: 28px 90px 28px 18px;

        font-size: 16px;

    }

    .footer-item__input button{

        font-size: 16px;

    }

    .footer-item__input input::placeholder{

        font-size: 16px;

    }

    .footer-item__social-media ul{

        font-size: 14px;

    }
    .footer-item__social-media{
        gap: 15px;
    }

    .footer-item__social-media p{

        font-size: 14px;

    }

    .footer-items{

        padding-bottom: 50px;

    }

    .footer-item__sign h2{

        margin-bottom: 20px;

    }

    .footer-item__input{

        margin-bottom: 20px;

    }

    .footer-item__cr{

        font-size: 16px;

        padding: 30px 0px;

    }

    .footer-item__cr p{

        width: 50%;

    }

    .footer-item__cr-privacy{

        width: 50%;

    }

    .footer-item__cr-privacy{

        gap: 10px;

    }



}

@media (min-width: 768px) and (max-width: 1024px) {

    .hamburger__menu{

        display: block;

    }

    .header__navbar.explore-color{

        background-color: #2641A6 !important;

    }

    .header__menu{

        padding: 20px 0px;

        display: block;

        justify-content: space-between;

    }
    .menu-main-menu-container.active{
        transform: translateX(0);
    }

    .menu-main-menu-container li ul{
        display: block !important;
        margin: 15px 0px 15px 25px !important;
        font-size: 18px !important;
        position: relative;
    }
    .menu-main-menu-container li ul li{
        margin-bottom: 5px;
    }

    .menu-main-menu-container ul {
        display: flex !important;
        font-weight: 700;
        margin: 196px auto;
    }
    
    .sub__menu{
        display: none;
    }


    .menu-main-menu-container{

        display: block;

        height: 100vh;

        background-color: #fff;

        width: 100%;

        position: absolute;

        transform: translateX(-150%);

        z-index: 10;

        left: 0px;

        top: 0px;

        transition: transform .9s ease-in-out;

        text-align: center;

    }

    .grid-item {

        width: 50%;

        padding: 0px 24px 24px 24px;

      }



    .hamburger__menu .line{

        display: block;

        height: 4px;

        width: 100%;

        border-radius: 10px;

        background: #fff;

    }

    .hamburger__menu.active .line {
        background-color: #000;
    }

    .hamburger__menu {

        height: 25px;

        width: 32px;

        z-index: 11;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    .hamburger__menu .line1 {

        transform-origin: 0% 0%;

        transition: transform 0.4s ease-in-out;

    }



    .hamburger__menu .line2 {

        transition: transform 0.2s ease-in-out;

    }

    .hamburger__menu .line3 {

        transform-origin: 0% 100%;

        transition: transform 0.4s ease-in-out;

    }

    .hamburger__menu.active .line1 {

        transform: rotate(45deg);

    }

    .hamburger__menu.active .line2 {

        transform: scaleY(0);

    }

    .hamburger__menu.active .line3 {

        transform: rotate(-45deg);

    }

    .header__search {

        width: 50% !important;


    }

    .header__search svg{

        width: 20px;

        height: 20px;

        top: 50%;

        transform: translateY(-50%);

    }

    .header__search input::placeholder{

        color: #000;

    }

    .header__search input{

        width: 100%;

        height: 100%;

        position: relative;

        border-bottom: 1px solid #000;

        padding-left: 30px;

    }

    .header__search i{

        display: none;

    }

    .search__lang ul{

        font-weight: 600;

    }

    .search__lang{

        position: absolute;

        transform: translateX(-150%);

        transition: transform .9s ease-in-out;

        bottom: 40px;

        justify-content: center;

        z-index: 11;

        left: 0px;

        right: 0px;

        padding: 0px 20px;

        align-items: center;

    }

    .search__lang.active{

        transform: translateX(0%);

    }

    .header__navbar.active{

        transform: translateX(0%);

    }



    .main__nav ul li{

        width: 100%;

        font-size: 28px;

        margin-bottom: 20px;

    }



    .header__navbar{

        display: block;

        height: 100vh;

        background-color: #fff;

        width: 100%;

        position: absolute;

        transform: translateX(-150%);

        z-index: 10;

        left: 0px;

        top: 0px;

        transition: transform .9s ease-in-out;

        text-align: center;

    }

    .header__navbar ul:nth-child(2) li{

        margin-bottom: 5px;

    }

    .header__navbar ul:nth-child(2){

        font-size: 16px;

        padding: 0px;

        display: block;

        margin: 20px 30px 30px 20px;

    }

    .header__navbar ul:nth-child(1){

        text-align: start;

        display: block;

        position: absolute;

        top: 60%;

        transform: translateY(-60%);

        font-weight: 700;

        left: 40px;

    }

    .header__menu .main__nav{

        display: flex;

        gap: 0;

        justify-content: space-between;

        align-items: center;

    }

    .main__nav a:nth-child(1){
        z-index: 11;
        color: #000;

    }

    .main__nav a svg{

        width: 100%;

        height: 100%;

    }

    .latest__post-big{

        padding: 124px 16px;

    }

    .latest__post-big h1{

        font-size: 32px;

    }



    .latest__item-info h2{

        font-size: 24px;

    }

    .latest__post--exhibiton .latest__item-info{

        padding: 20px;

    }

    .latest__post--event .latest__item-info{

        padding: 20px;

    }

    .latest__item-info span{

        font-size: 18px;

    }

    .latest__item-info span:nth-child(1){

        font-size: 16px;

    }

    .partners{

        padding: 24px 0px;

    }

    .partners-title h2{

        font-size: 40px;

    }

    .partners__accordion-item{

        padding: 16px 0px;

    }

    .partners__accordion-item h2{

        font-size: 42px !important;

    }

    .partners__accordion-body{

        flex-direction: column-reverse;

        row-gap: 20px;

    }

    .partners__accordion-item p{

        width: 100%;

        font-size: 20px;

    }

    .partners__accordion-item.active .partners__accordion-body{

        height: 210px;

        margin: 10px 0px;

    }

    .partners__accordion-body img{

        width: 200px;

        height: 65px;

    }

    .about{

        padding: 24px;

    }

    .about h2:nth-child(1){

        font-size: 32px;

        margin-bottom: 32px;

    }

    .about__item{

        width: 100%;

        display: block;

    }

    .about__item-img{

        width: 100%;

        height: auto;

        margin-bottom: 32px;

    }

    .about__item-img img{

        width: 50%;

    }

    .about__item-we-are{

        top: 0px;

    }

    .about__item-we-are h2:nth-child(1){

        font-size: 28px;

        margin-bottom: 24px !important;

    }

    .about__item-we-are p{

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 10px;

    }

    .about__information{

        width: 100%;



    }

    .about__information p{

        font-size: 28px;

    }

    .about__information ul li{

        font-size: 28px;

    }

    .timeline{

        padding: 40px 0px;

    }

    .timeline h2{

        font-size: 40px;

    }

    .timeline__years img{

        width: 150px;

        height: 150px;

    }

    .timeline__years{

        gap: 60px;

        margin-bottom: 20px;

        left: -280px;

    }

    .timeline__desc{

        width: 100%;

    }

    .timeline__desc p{

        font-size: 20px;

        line-height: 20px;

    }

    .timeline__years img{

        width: 200px;

        height: 200px;

    }

    .contact{

        padding: 24px;

    }

    .contact__info h2{

        font-size: 32px;

    }

    .contact__info h2:nth-child(1){

        font-size: 32px;

        margin-bottom: 32px;

    }

    .contact__info p{

        font-size: 20px;

    }

    .contact__form{

        padding: 24px;

        display: block;

    }

    .contact__form-title h2{

        font-size: 32px;

        margin-bottom: 32px;

    }

    .contact__form-inner{

        width: 100%;

    }

    .contact__form-inner input {

        width: 70%;

        height: 50px;

        margin-bottom: 25px;

        padding-left: 12px;

        font-size: 18px;

    }

    .contact__form-inner input::placeholder{

        font-size: 18px;

    }

    .contact__form-inner button{

        height: 50px;

        font-size: 18px;

        width: 70%;

    }

    .contact__info h2:nth-child(4){

        margin-bottom: 25px;

    }

    .explore__title button{

        font-size: 32px;

    }

    .explore__title button:nth-child(1){

        margin-bottom: 10px;

    }

    .explore__post.active{

        display: flex ;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .explore__post-item{

        width: 48%;

        border: 2px solid #000;

        padding: 0px;

        flex-direction: column-reverse;

    }



    .explore__post-img{

        width: 100%;

        height: auto;

    }

    .explore__post-info{

        padding: 32px 24px;

    }

    .explore__post-info-item span{

        font-size: 18px;

    }

    .explore__post-info h3{

        font-size: 24px;

    }

    .explore__post-info p{

        font-size: 16px;

    }

    .explore__post-info a{

        font-size: 20px;

    }

    header.active .header__menu{

        padding: 8px !important;

    }

    .sub__menu{

        padding: 24px 8px;

    }

    .sub__menu-inner h2{

        font-size: 32px;

        margin-bottom: 30px;

    }

    .sub__menu-inner{

        display: block;

    }

    .sub__menu-inner ul li{

        font-size: 24px;

    }



    .singlepage{
        padding: 40px;
    }
    .singlepage__item {
        flex-wrap: wrap;
    }

    .singlepage__img{
        width: 50%;
        padding: 0px;
    }
    .singlepage__info{
        width: 100%;
        padding: 0px;
        order: 1;
    }
    .singlepage__info-title span{
        font-size: 22px;
    }
    .singlepage__desc{
        width: 100%;
        order: 2;
    }
    .singlepage__desc h2{
        margin-bottom: 24px;
    }
    .explore__singlepage {
        padding: 40px;
    }











    .footer{

        padding-top: 50px;

    }

    .footer-item__sign h2{

        font-size: 24px;

    }

    .footer-item__social-media ul{

        font-size: 20px;

    }

    .footer-item__social-media p{

        font-size: 20px;

    }

    .footer-items{

        padding-bottom: 50px;

    }

    .footer-item__sign h2{

        margin-bottom: 20px;

    }

    .footer-item__input{

        margin-bottom: 20px;

    }

    .footer-item__cr{

        font-size: 20px;

        padding: 30px 0px;

    }

    .footer-item__cr p{

        width: 50%;

    }

    .footer-item__cr-privacy{

        width: 50%;

    }

    .footer-item__cr-privacy{

        gap: 10px;

    }



}

@media (min-width: 1025px) and (max-width: 1366px) {

    .explore__post-item{

        padding: 8px;

    }

    .explore__post-info{

        padding: 8px 24px;

    }

    .main__nav{

        gap: 88px;

    }

    .header__menu{

        padding: 32px 0px 42px 0px;

    }

    .about{

        padding: 24px 0px;

    }

    .about h2:nth-child(1){

        font-size: 36px;

        margin-bottom: 32px;

    }

    .about__item{

        width: 100%;

        display: flex;

        column-gap: 40px;

        row-gap: 0;

    }

    .about__item-img{

        width: 50%;

        height: auto;

    }

    .about__item-img img{

        width: 100%;

    }

    .about__item-we-are{

        top: 60px;

        width: 50%;

    }

    .about__item-we-are h2:nth-child(1){

        font-size: 32px;

        margin-bottom: 24px !important;

    }

    .about__item-we-are p{

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 10px;

    }

    .about__information{

        position: relative;

        top: -100px;



    }

    .about__information p{

        font-size: 28px;

    }

    .about__information ul li{

        font-size: 28px;

    }

    .timeline__years {

        left: -500px;

    }



    .latest__post-big h1{

        font-size: 42px;

    }

    .latest__post-item{

        width: 50%;

        padding: 0px 24px 24px 24px;

    }

    .latest__item-info h2{

        font-size: 24px;

    }

    .latest__post--exhibiton .latest__item-info{

        padding: 20px;

    }

    .latest__post--event .latest__item-info{

        padding: 20px;

    }

    .latest__item-info span{

        font-size: 18px;

    }

    .latest__item-info span:nth-child(1){

        font-size: 16px;

    }

    .contact__form{

        padding: 20px 0px;

    }

    .contact__form-title h2{

        font-size: 32px;

    }

    .contact__form-inner{

        width: 450px;

    }

    .contact__form-inner{

        padding: 20px;

    }

    .contact__form-inner input{

        padding-left: 16px;

        height: 60px;

    }

    .contact__form-inner button{

        height: 60px;

    }

    .contact{

        padding: 40px 0px 80px 0px;

    }

    .contact__info h2:nth-child(1){

        font-size: 42px;

        margin-bottom: 42px;

    }

    .contact__info h2{

        font-size: 42px;

    }

    .contact__info p{

        font-size: 24px;

    }


    .singlepage{
        padding: 64px 0px;
    }

    .singlepage__img{
        width: 50%;
        padding: 0px 20px;
    }
    .singlepage__info{
        width: 50%;
        padding: 0px 20px;
        margin-top: 42px;
    }
    .singlepage__info-title span{
        font-size: 28px;
    }
    .singlepage__desc{
        width: 100%;
    }
    .singlepage__desc h2{
        margin-bottom: 24px;
    }


}

@media (min-width: 1281px) and (max-width: 1440px) {

    .latest__post-big{

        padding: 96px 64px;

    }

    .latest__post-big h1{

        font-size: 42px;

    }

    .latest__item-info h2{

        font-size: 28px;

    }

    .latest__post--exhibiton .latest__item-info{

        padding: 24px 64px 24px 16px;

    }

    .latest__post--event .latest__item-info{

        padding: 24px 64px 24px 16px;

    }

    .about h2:nth-child(1){

        font-size: 42px;

        margin-bottom: 32px;

    }

    .about__item{

        width: 100%;

        display: flex;

        column-gap: 40px;

        row-gap: 0;

    }

    .about__item-img{

        width: 50%;

        height: auto;

    }

    .about__item-img img{

        width: 100%;

    }

    .about__item-we-are{

        top: 60px;

        width: 50%;

    }

    .about__item-we-are h2:nth-child(1){

        font-size: 42px;

        margin-bottom: 24px !important;

    }

    .about__item-we-are p{

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 10px;

    }

    .about__information{

        position: relative;

        top: -100px;



    }

    .about__information p{

        font-size: 28px;

    }

    .about__information ul li{

        font-size: 28px;

    }
    .singlepage{
        padding: 64px;
    }

    .explore__singlepage {
        padding: 64px;
    }

    .singlepage__img{
        width: 50%;
        padding: 0px 20px;
    }
    .singlepage__info{
        width: 50%;
        padding: 0px 20px;
        margin-top: 42px;
    }
    .singlepage__info-title span{
        font-size: 28px;
    }
    .singlepage__desc{
        width: 100%;
    }
    .singlepage__desc h2{
        margin-bottom: 24px;
    }

}

@media (min-width: 1441px) and (max-width: 1680px) {
    .singlepage{
        padding: 64px 0px;
    }

    .singlepage__img{
        width: 50%;
        padding: 0px 20px;
    }
    .singlepage__info{
        width: 50%;
        padding: 0px 20px;
        margin-top: 42px;
    }
    .singlepage__info-title span{
        font-size: 28px;
    }
    .singlepage__desc{
        width: 100%;
    }
    .singlepage__desc h2{
        margin-bottom: 24px;
    }
}