@media only screen and (max-width: 1600px){
    p{font-size: 14px;}
    .centerContent p {
        font-size: 16px;
    }
    .threeContent ul li span::before {
        height: 4px;
    }
    .pdn{padding: 30px 0px;}
    .threeBgColor ul li img {
        height: 150px;
    }
    
    .videoCarousel .items {
        height: 250px;
    }
    .videoCarousel .items span {
        font-size: 13px;
    }
    
    .videoCarousel .items a {
        padding: 20px 15px;
    }
    
    .videoCarousel .items i {
        width: 50px;
        margin-top: -15px;
    }
    .title {
        margin-bottom: 15px;
    }
    
    .centerContent p br {
        display: none;
    }
    
    .contactList li img {
        max-width: 28px;
    }
    
    .contactList {
        margin-top: 15px;
    }
    
    .contactList li {
        margin-bottom: 30px;
    }
    
    .socialMedia {
        margin-bottom: 35px;
    }
}
@media only screen and (max-width:1500px){

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

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

}

@media only screen and (max-width:1200px) {
    .patlangac {
        width: 90%;
    }
    .arac {
        width: 64%;
        margin-left: 18%;
    }
}

@media only screen and (max-width:760px) {
    .wrapper {
        width: 100%;
        height: 800px;
    }
    .form-holder {
        width: 100%;
        height: auto;
        position: relative;
        padding: 100px;
        text-align: center;
    }
    .logo {
        text-align: center;
        display: flex;
        align-items: center;
        width: 100%;
        float: left;
        justify-content: center;
    }
    .form-title {
        font-size: 44px;
        line-height: 54px;
        margin-top: 50px;
    }
    .menu-tab-bar {
        display: flex;
    }
}

@media only screen and (max-width:768px) {
    .wrapper {
        height: auto;
    }
    .patlangac {
        margin-top: 50px;
        margin-bottom: 50px;
        width: 96%;
        margin-left: 2%;
    }
    .arac {
        width: 80%;
        margin-left: 10%;
    }
    .form-holder {
        padding: 0px 50px 40px;
    }
    .form-title {
        font-size: 30px;
        line-height: 40px;
    }
    .logo img {
        width: 90%;
    }
    .menu-tab-bar span {
        font-size: 14px;
    }
    .menu-tab-bar svg {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }
    .menu-tab-bar {
        height: 60px;
        padding: 0px;
    }
    .mobile-patlangac {
        display: block;
        width: 100%;
        margin-top: 25px;
        position: relative;
    }
    .patlangac {
        display: none;
    }
    .menu-tab-bar:before {
        height: 60px;
    }
    .main-page{width: 100%;}
    .threeContent ul {
        flex-direction: column;
    }
    
    .threeContent ul li {
        width: 100%;
        padding: 0;
        margin-bottom: 25px;
    }
    
    .threeContent ul li:last-child {
        margin-bottom: 0;
    }
    
    .threeContent ul li span {
        font-size: 5vw;
        text-align: center;
    }
    
    .threeContent ul li span::before {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .threeContent ul li p {
        text-align: justify;
    }
    
    .title h1, .title h2 {
        font-size: 4.5vw;
    }
    
    .article-1 {
        padding-top: 30px;
    }
    
    .img-1 {
        width: 100%;
        margin-top: 15px;
    }
    
    .threeBgColor ul {
        flex-direction: column;
    }
    
    .threeBgColor ul li {
        width: 100%;
    }
    
    .threeBgColor ul li span {
        font-size: 8vw;
    }
    
    .threeBgColor ul li img {
        height: 120px;
    }
    
    .title span {
        font-size: 3vw;
        width: 100%;
    }
    
    .videoCarousel {
        margin-top: 20px;
    }
    .videoCarousel .items span {
    font-size: 4vw;
}

.videoCarousel .items a {
    padding: 20px 5%;
}

.videoCarousel .items {
    height: 300px;
}

.videoCarousel .items i {
    width: 70px;
}

.galleryCarousel {
    margin-top: 20px;
}

.contactList li p {
    font-size: 4vw;
}

.contactList li p a {
    font-size: 7vw;
}

.socialMedia {
    margin-top: 20px;
}

.socialMedia li {
    margin-right: 15px;
}

.copyright {
    padding: 18px 0px 63px;
    text-align: center;
}

.footerImg {
    bottom: 123px;
    opacity: .2;
    width: 85%;
    z-index: 0;
    pointer-events: none;
}

.title h1 br, .title h2 br {
    display: none;
}
.pdn {
    padding: 25px 0px;
}
.bottom .container {
    z-index: 2;
}
p {
    font-size: 15px;
}

.centerContent p {
    font-size: 15px;
}
.desktop{display: none;}
.mobile{display: inline-block;}
}