@media only screen and (min-width : 1660px) {
    
}

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

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

@media only screen and (min-width : 1270px) and (max-width : 1290px) {
    .style_h1 {
        line-height: 0.7;
        /*margin: 15vw 6vw !important;*/
        font-size: 44px !important;
    }
    .last_text_pimp {
        font-size: 44px !important;
    }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

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

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


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
    
}

/* Large screens ----------- */
@media only screen and (min-width : 1920px) {
    /* Styles */
    
 
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-width : 1190px) and (max-width:1600px) {
    
}
@media only screen and (min-width : 900px) and (max-width:1189px) {
    
}
@media only screen and (max-width:899px) {
    
}

@media only screen and (min-width:1400px) and (max-width:1600px) {    
    .sec3_text ul li {
        font-size: 24px;
        line-height: 24px;
        margin: 0;
    }
    .sec3_text p {
        font-size: 24px;
        margin: 0;
        padding: 0;
    }
    .style_h1 {
    
            font-size: 44px;
            color: white;
            font-weight: 300;
            margin: 0 auto;
    
    }
    .style_h1 label {
        font-size:50px!important;        
        line-height:50px!important;
    }
        .style_h1 span {
            font-size: 44px !important;
            line-height: 40px !important;
            margin: 0;
        }
    #svg3 .svg_width{
        width:14px;
    }
    .sec3_text ul li:before {
        width: 20px;
        height: 20px;
        background: url(../images/tick20.png) no-repeat left center;
    }

    .ok_1, .ok_2, .ok_3 {
        width: 70px;
    }

        .ok_1 svg, .ok_2 svg, .ok_3 svg {
            width: 70px;
            height: auto;
        }

    .ok_1 {
        margin-top: 1vw;
    }

    .ok_3 {
        margin-top: 2vw;
    }
    .sec3_text {
        margin-top: 0vw !important;   
    }
    .entry_secreen .col-md-8 img {
        width: 90%;
        float: right;
    }

    .entry_secreen .first_logo img {
        float: none;
        width: 60% !important;
        margin: 0 auto;
    }
}
@media only screen and (min-width:1300px) and (max-width:1400px) {    
    .sec3_text ul li {
        font-size: 24px;
        line-height: 24px;
        margin: 0;
        width:100%;
    }
    .sec3_text p {
        font-size: 24px;
        margin: 0;
        padding: 0;
    }
    .style_h1 {
    
            font-size: 44px;
            color: white;
            font-weight: 600;
            margin: 0 auto;
    
    }
    .style_h1 label {
        font-size:50px!important;        
        line-height:50px!important;
    }
        .style_h1 span {
            font-size: 44px !important;
            line-height: 40px !important;
            margin: 0;
        }
    #svg3 .svg_width{
        width:14px;
    }
    #svg4 .svg_width {
        width: 14px;
    }
    .sec3_text {
        margin-top: 0vw !important;   
    }
    .col_right img {
        display: block;
        width: 95%;
        height: 100vh;
        padding-top: 0;
    }
    .right_menu {
        right: 0.5vw;
    }
    .sec3_text ul li:before {
        width: 20px;
        height: 20px;
        background: url(../images/tick20.png) no-repeat left center;
    }
    .ok_1, .ok_2, .ok_3 {
        width: 70px;
    }
        .ok_1 svg, .ok_2 svg, .ok_3 svg {
            width: 70px;
            height: auto;            
        }
    .ok_1 {
        margin-top: 1vw;
    }
    .ok_3 {
        margin-top:2vw;
    }
    .sec4 .sec3_text {
        max-width: 50%;
        margin-top: 5vw !important;        
    }
    .entry_secreen .col-md-8 img {
        width: 80%;
        float: right;
    }
    .entry_secreen .first_logo img {
        float: none;
        width: 60% !important;
        margin: 0 auto;
    }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
    .sec3_text ul li {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
        width: 100%;
    }
    .sec3_text p {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
    .style_h1 {
    
            font-size: 3em;
            color: white;
            font-weight: 300;
            margin: 0 auto;
    
    }
    .style_h1 label {
        font-size:50px!important;        
        line-height:50px!important;
    }
        .style_h1 span {
            font-size: 44px !important;
            line-height: 40px !important;
            margin: 0;
        }
    #svg3 .svg_width{
        width:14px;
    }
    #svg4 .svg_width {
        width: 14px;
    }
    .sec3_text {
        margin-top: 0vw !important;    
    }
    .col_right img {
        display: block;
        width: 95%;
        height: auto;
        padding-top: 0;
    }
    .right_menu {
        right: 0.5vw;
    }
    .sec3_text ul li:before {
        width: 20px;
        height: 20px;
        background: url(../images/tick20.png) no-repeat left center;
    }

    .ok_1, .ok_2, .ok_3 {
        width: 70px;
    }

        .ok_1 svg, .ok_2 svg, .ok_3 svg {
            width: 70px;
            height: auto;
        }
    .right_menu .rm_top img, .right_menu .rm_bottom img {
        width: 40px;
    }
    .sec4 .sec3_text {
        max-width: 50%;
        margin-top: 5vw !important;
    }
    .entry_secreen .first_logo img {
        float: none;
        width: 60% !important;
        margin: 0 auto;
    }
}
@media only screen and (min-width:1000px) and (max-width:1200px) {
    .sec3_text ul li {
        font-size: 20px;
        line-height: 20px;
        margin: 0;
        width: 100%;
    }
    .sec3_text p {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
    .style_h1 {
    
            font-size: 4.8em;
            color: white;
            font-weight: 300;
            margin: 0 auto;
    
    }
    .style_h1 label {
        font-size:50px!important;        
        line-height:50px!important;
    }
        .style_h1 span {
            font-size: 44px !important;
            line-height: 40px !important;
            margin: 0;
        }
    #svg3 .svg_width{
        width:14px;
    }
    #svg4 .svg_width {
        width: 14px;
    }
    .sec3_text {
        margin-top: 0vw !important;    
    }
    .col_right img {
        display: block;
        width: 95%;
        height: auto;
        padding-top: 0;
    }
    .right_menu {
        right: 0.7vw;
    }
    .sec3_text ul li:before {
        width: 20px;
        height: 20px;
        background: url(../images/tick20.png) no-repeat left center;
    }

    .ok_1, .ok_2, .ok_3 {
        width: 70px;
    }

        .ok_1 svg, .ok_2 svg, .ok_3 svg {
            width: 70px;
            height: auto;
        }
    .right_menu .rm_top img, .right_menu .rm_bottom img {
        width: 40px;        
    }
    .sec4 .sec3_text {
        max-width: 40%;        
    }
    .sec4 .sec3_text {
        max-width: 50%;  
        margin-top:5vw!important;
    }
}

@media only screen and (max-width : 768px) {
    .left_menu, .right_menu {
        display:none;
    }
    .panel {
        display:block;
        width:100%;
    }
    .col_left, .col_right {
        width:100%;
        float:none;
        z-index:0;
        top:23vw;
    }
        .col_right img {
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 0vw;
        }
    .logo_cover {        
        clear: both;
        margin-top: 0vw;
        padding-top: 0vw;
        width:100%;
    }
    .logo img {
        width: 150px;
        float: left;
        margin-left: 3vw;
    }
    .first_logo img {
        width: 200px !important;
        margin: 0vw;
    }
    .sec3_text ul li {
        font-size: 26px;
        line-height: 26px;
        margin: 0;
        width: 100%;
    }

    .sec3_text p {
        font-size: 26px;
        margin: 0;
        padding: 0;
    }

    .style_h1 {
        font-size: 14px;
        color: white;
        font-weight: 300;
        margin: 0 auto;
        line-height:14px;
    }

        .style_h1 label {
            font-size: 54px !important;
            line-height: 50px !important;
        }

        .style_h1 span {
            font-size: 48px !important;
            line-height: 48px !important;
            margin: 0;
        }

    #svg3 .svg_width {
        width: 10px;
    }

    #svg4 .svg_width {
        width: 10px;
    }

    .sec3_text {
        margin-top: 0vw !important;
    }

    .col_right img {
        display: block;
        width: 95%;
        height: auto;
        padding-top: 0;
    }

    .right_menu {
        right: 0.7vw;
    }

    .sec3_text ul li:before {
        width: 15px;
        height: 15px;
        background: url(../images/tick15.png) no-repeat left center;
        align-self: flex-start;
        margin-top: 5px;
    }

    .ok_1, .ok_2, .ok_3 {
        width: 70px;
    }

        .ok_1 svg, .ok_2 svg, .ok_3 svg {
            width: 70px;
            height: auto;
        }

    .ok_4, .ok_5 {
        width: 300px;
        margin-left: 10vw;
        display:none;
    }
        .ok_4 svg, .ok_5 svg {
            width: 300px;
            height: auto;
        }

    .container {
        flex-direction:column;
    }
    .vertical-section {
        flex-direction: column-reverse;
    }
    .empty_area {
        clear: both;
        height: 0vh;
    }
    .empty_area2 {
        clear: both;
        height: 40vh;
    }
    #menu {
        position: absolute;
        width: 105vw;
        height: 105vh;
        padding: 25vw;
        top: -10vw;
        left: -10vw;
    }
    #menuToggle a {        
        font-size: 52px;
    }
    .last_section_store, .last_section_sm {
        display: block;
    }
    .last_section_store img , .last_section_sm img {
        width:70px!important;        
    }
        .last_section_sm img {
            float:left;
        }
    .large-child {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .img1, .img2, .img3, .img4 {
        transform:none!important;
    }
    #sectionOne .img1 {
        margin-top: 215vw;
    }
    #sectionOne .style_h1 {
        margin-top:0vw;
    }    
    #sectionTwo {
        /* padding-top:380vw !important; */
    }
    #sectionThree {
        /* padding-top: 425vw!important; */
    }
    .h-screen img {
        width: 100%;
    }
    #sectionOne .sec3_text {
        height: 35vh;
    }
    .h-screen {
        height: 140vh !important;
    }
    .metin {
        margin-top: 30vw;
    }
    #sectionTwo .metin {
        margin-top: -40vw;
    }
    #sectionThree .metin {
        margin-top: -40vw;
    }
    .firstImg {
        width: auto !important;
        height: auto!important;
        max-width: 100%!important;
    }
}