@media only screen and (max-width: 1680px) {
    .gallery .content .owl-carousel{
        margin-top: 5.563vw;
    }
    .gallery .content .owl-carousel .owl-stage-outer{
        height: calc(64vh - 1.042vw);
    }
    .gallery .content .owl-carousel .owl-dots{
        bottom: 7.604vw;
    }
    .gallery .content .owl-carousel .owl-nav{
        top: calc(45% - 1.719vw);
    }
    .sosyal-text {
        width: 33%;
        height: auto;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 15px;
        position: absolute;
        z-index: 2;
        top: 18%;
        left: 9.5%;
    }
    .about .content .text {
        color: #555555;
        position: absolute;
        right: 96px;
        width: calc(54% - 96px);
        margin-top: 160px;
    }
}

@media only screen and (max-width: 1440px) {
    .contact-details{
        bottom: 45px;
    }
    .gallery .content .owl-carousel{
        margin-top: 5.563vw;
    }
    .gallery .content .owl-carousel .owl-stage-outer{
        height: calc(64vh - 1.042vw);
    }
    .gallery .content .owl-carousel .owl-dots{
        bottom: 7.604vw;
    }
    .gallery .content .owl-carousel .owl-nav{
        top: calc(45% - 1.719vw);
    }
    .flower {
     width: 230px;
     left: -160px;
 }
 .sec4child{
    width: 350px !important;
    height: 460px !important;
}
.gal{
    display: flex;margin-right: 50px;
}
.form form .form-title{
    font-size: 16pt;
}
.form form .form-desc{
    font-size: 9pt;
    margin-top: 25px;
}
.contact .content .text ul li {
    font-size: 17px;
}
.about .content .text {
    width: calc(50% - 96px);
    right: 55px;
}
.about .content .about-img{
    width: 450px;
}
.harita {
    height: 320px;
}
.form form .check-list .check {
    font-size: 20pt;
}
.form form .check-list {
    display: flex;
    justify-content: center;
}
.sosyal-text {
    width: 33%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 15px;
    position: absolute;
    z-index: 2;
    top: 26%;
    left: 11%;
}
}

@media only screen and (max-width: 1440px) and (min-width: 769px) {
    .box {
        width: 80%;
        float: left;
        clear: both;
        position: relative;
        height: 100%;
        background-color: #898989 !important;
    }
    .gallery {
        background-image: url(../img/gallery-bg.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        padding-top: 50px;
    }
}

@media only screen and (max-width: 1366px) {
    .gallery .content .owl-carousel{
        margin-top: 1.563vw;
    }
    .gallery .content .owl-carousel .owl-stage-outer{
        height: calc(73vh - 1.042vw);
    }
    .gallery .content .owl-carousel .owl-dots{
        bottom: 2.604vw;
    }
    .gallery .content .owl-carousel .owl-nav{
        top: calc(50% - 1.719vw);
    }
    .contact .content .map {
        height: 260px;
    }
    .contact-details {
        bottom: 55px;
    }
    .about .content .text {
        width: calc(48% - 96px);
    }

    .about .content .text p {
        font-size: 1.15vw;
        margin-bottom: 1.823vw;
        color: #626262;
        line-height: 19px;
    }

    .about .content .about-img {
        width: 400px;
    }

    .sosyal-text {
        width: 33%;
        height: auto;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 15px;
        position: absolute;
        z-index: 2;
        top: 25%;
        left: 12%;
    }
}

@media only screen and (max-width: 1280px) {
    .gallery .content .owl-carousel{
        margin-top: 5.563vw;
    }
    .gallery .content .owl-carousel .owl-stage-outer{
        height: calc(64vh - 1.042vw);
    }
    .gallery .content .owl-carousel .owl-dots{
        bottom: 7.604vw;
    }
    .gallery .content .owl-carousel .owl-nav{
        top: calc(45% - 1.719vw);
    }
}

@media only screen and (max-width: 767px) {
    .flower {
        top : -23px;
        left : -130px;
    }
    .about .content .text
    {
        margin-top: 0px;
    }
    .about .content .about-img {
        left: 25%;
        width: 50%;
        top: 50px;
        }.gals{
            display: flex;margin: 0px 12px;
        }
        .gal {
            display: none;
            margin-right: 50px;
        }
        .gallery-title {
            top: -55px !important;
        }
        .contact-details {
            bottom: 125px;
        }

        .header{
            width: 100%;
            z-index: 4;

            display: flex;
            justify-content: center;
            align-items: center;
        }
        .header ul li{
            font-size: 14px;
            line-height: 30px;
            padding: 0 10px;
        }
        .box{
            width: 100%;
            float: none;
            height: 100%;
        }
        .landing{
            height: 100%;
            background-image: url("../img/mobil-bg.jpg");
        }
        .landing .patlangac{
            width: 50.563vw;
            top: 63vw;
            right: 0;
            left: 0;
            margin: 0 auto;
        }
        .landing .soylem,
        .landing .logolar{
            display: none;
        }
        .landing .down{
            width: 32px;
        }
        .form{
            position: relative;
            height: auto;
            overflow: hidden;
            width: 100%;
            box-shadow: none;
        }
        .form form{
            display: block;
            padding: 0;
            width: 80%;
            margin: 0 auto;
        }
        .form form .logo{
            width: 70.4%;
            margin-top: 30px;
        }
        .form form .form-title{
            font-size: 20px;
            margin: 30px 0px;
        }
        .form form .phone{
            font-size: 30px;
            margin-bottom: 30px;
        }
        .form form input[type="text"],
        .form form input[type="number"],
        .form form input[type="email"]{
            font-size: 14px;
            margin-bottom: 30px;
            line-height: 30px;
        }
        .form form .form-desc{
            font-size: 13px;
            margin-bottom: 30px;
        }
        .form form .check-list .check{
            font-size: 20px;
        }
        .form form button{
            height: 40px;
            font-size: 20px;
            margin:30px 0;
        }
        .box{
            overflow: hidden;
        }
        .box .content .title{
            font-size: 30px;
            margin: 0px;
            padding: 0px;
            top : 10px;

            left: 0px;
            right: 0px;
            text-align: center;
        }
        .box .content .text{
            margin-left: 10%;
            position: relative;
            width: 80%;
            right: 0px;
            top: 270px;
        }
        .box .content{
            width: 100%;
        }
        .about .content .text .text-title{
            font-size: 20px;
            margin-bottom: 30px;
        }

        .about .content .text p{
            font-size: 14px;
            margin-bottom: 20px;
            text-align: justify;
        }
        .gallery .content .slider-menu li{
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            width: 50%;
            padding: 0;
            text-align: center;
        }
        .gallery .content .owl-carousel{
            height: auto;
        }
        .gallery .content .owl-carousel .owl-stage-outer{
            height: 140px;
        }
        .gallery .content .owl-carousel .owl-dots{
            position: relative;
            bottom: 0px;
            margin: 15px 0px;
        }
        .gallery .content .owl-carousel .owl-dots .owl-dot{
            height: 14px;
            width: 14px;
        }
        .gallery .content .owl-carousel .owl-dots .owl-dot::after{
            height: 7px;
            width: 7px;
            left: 3px;
            top: 3.5px;
        }
        .gallery .content .owl-carousel .owl-nav{
            top: calc(40% - 10px);
        }
        .gallery .content .owl-carousel .owl-nav .owl-prev img,
        .gallery .content .owl-carousel .owl-nav .owl-next img{
            width: 33px;
        }
        .contact{
            padding-bottom: 100px;
        }
        .contact .content .text ul li{
            font-size: 14px;
            margin-bottom: 20px;
        }
        .contact .content .text ul li img{
            width: 16px;
            margin-right: 20px;
        }
        .contact .content .map{

            position: relative;
            width: 90%;
            height: 300px;
            margin-bottom: 20px;
            left: 5%;
            right: 0px;
            overflow: hidden;        
            top: 70px;


        }
        .menu2 {
            margin-right: auto;
        }
        .mobile-bar{
            background: url("../img/mobile-bar.png") no-repeat;
            height: 216px;
            position: fixed;
            bottom: -80px;
            left: 0;
            right: 0;
            background-size: contain;
            z-index: 9999;
            display: block;
        }
        .header2{
            height: auto;
        }
        .header2 ul li {
            font-size: 30px;
            padding: 4px 0px;
        }
        .mobile-bar .phone-btn{
            display: block;
            position: absolute;
            height: 53px;
            width: 53px;
            background: transparent;
            left: 18%;
            top: 17px;
        }
        .mobile-bar .yol-btn{
            display: block;
            position: absolute;
            height: 53px;
            width: 53px;
            background: transparent;
            right: 22%;
            top: 17px;
        }
        .mobile-bar .form-btn{
            display: block;
            position: absolute;
            height: 55px;
            width: 55px;
            background: transparent;
            right: 0;
            left: 0;
            top: 18px;
            margin: 0 auto;
        }
        .contact {
            height: calc(100vh - 150px);
        }
        .contact-details {
            left: 5%;
        }
        .sosyal-text {
            width: 80%;
            height: auto;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px;
            position: absolute;
            z-index: 2;
            top: 8%;
            left: 8%;
            font-size: 12px;
        }
        .landing {
            margin-top: 20px;
        }

        .landing .down {
    position: absolute;
    bottom: 25%;
    right: 10px;
    cursor: pointer;
}
    }