/* (1920x1080) Full HD Display */

@media screen and (min-width: 1681px) and (max-width: 1920px) {
    /* insert styles here */
}


/* (1680x1050) WSXGA+ Display */

@media screen and (min-width: 1601) and (max-width: 1680) {
    /* insert styles here */
}


/* (1600x900) HD+ Display */

@media screen and (min-width: 1441px) and (max-width: 1600px) {
    /* insert styles here */
}


/* (1440x900) WXGA+ Display */

@media screen and (min-width: 1367px) and (max-width: 1440px) {
    /* insert styles here */
}


/* (1366x768) WXGA Display */

@media screen and (min-width: 1281px) and (max-width: 1366px) {
    /* insert styles here */
}


/* (1280x1024) SXGA Display */

@media screen and (max-width: 1280px) {
    /* insert styles here */
}


/* Phones */


/* (2048x1536) iPad 3 */

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}


/* (1280x720) Galaxy Note 2, WXGA */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}


/* (1024x768) iPad 1 & 2, Landscape */

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


/* (1024x768) iPad 1 & 2, XGA */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}


/* (768x1024) iPad 1 & 2, Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}


/* (720x1280) Galaxy Nexus, WXGA */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}


/* (720x1280) Galaxy Nexus, Landscape */

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}


/* (640x960) iPhone 4 & 4S */

@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}


/* (480x800) Android - General Smartphone */

@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}


/* (320x480) iPhone (Original, 3G, 3GS) */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .m-order {
        order: -1;
    }
    .mobile-show {
        display: block;
    }
    .desktop-show {
        display: none;
    }
    nav .logo {
        width: 35%;
    }
    nav .menu-social {
        position: relative;
        padding-left: 15%;
    }
    #sec1 .main-area img {
        height: 265px;
    }
    #sec2 .text {
        width: 100%;
        text-align: center;
    }
    #sec2 .title {
        text-align: center;
    }
    #sec2 .text-image .text {
        text-align: center;
        margin-top: 10%;
        margin-left: 0;
    }
    #sec2 img {
        margin-top: 10px;
    }
    #sec4 .logo img {
        width: 80%;
    }
    #sec4 .tik {
        position: absolute;
    }
    #sec4 .left-side .tik {
        top: -85px;
        left: -20px;
    }
    #sec4 .right-side .tik {
        left: 13px;
    }
    #sec4 .left-side a {
        margin-top: 10%;
        margin-bottom: 5%;
        text-align: left;
        margin-right: unset;
        margin-left: 25%;
    }
    #sec4 .right-side a {
        margin-top: 5%;
        text-align: left;
        margin-left: 30%;
    }
    #sec5 {
        padding: 0;
        background: url(/content/images/sec5-bg-m.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
    }
    #sec5 .text-area {
        position: absolute;
        font-size: 21px;
        font-weight: 600;
        right: 10%;
        top: 3%;
    }
    #sec5 .text-area img {
        margin-top: 10%;
        width: 100%;
    }
    #sec5 .word2 {
        padding-left: 15px;
    }
    #sec5 .image {
        width: 41%;
        text-align: center;
        margin-left: 59%;
        padding-top: 23%;
    }
    #sec5 .border2 {
        position: absolute;
        width: 46%;
        border-bottom: 3px solid #378147;
        top: 35%;
        left: unset;
        right: 1%;
    }
    #sec5 .border1 {
        position: absolute;
        width: 46%;
        border-bottom: 3px solid #88b8cf;
        top: 32%;
        right: 5%;
    }
    #sec7 {
        height: auto;
    }
    #sec7 .title {
        margin-bottom: 35px;
    }
    #sec7 ul {
        margin-top: 0;
    }
    footer .text-area {
        padding-left: 15px;
        padding-right: 15px;
    }
    footer .menu-social {
        position: relative;
        padding-top: 0%;
        margin: 0 auto;
        text-align: center;
        right: 0;
    }
    .video {
        height: 300px;
    }
    .video iframe {
        height: 300px;
    }
    /* whatsapp */
    .scroll-whatsapp {
        height: 29px;
        width: 125px;
        right: 2%;
        font-size: 14px;
    }
    .scroll-whatsapp span {
        padding: 5px;
        font-size: 10px;
        width: 75%;
        left: 18px;
    }
    .swiper-container .swiper-button-prev {
        left: 41%;
        top: 37%;
    }
    .swiper-container .swiper-button-next {
        right: 41%;
        top: 37%;
    }
    .quote .icon img{
      margin-top: 44%;
    }
    .uzman-comment-box {
        top: 45%;

    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0px;
        padding:0 15%;
    }
    .comment-box {
        padding-top: 25%;
    }
    .swiper-container2 .swiper-button-next {
        right: -2%;
    }
    .swiper-container2 .swiper-button-prev {
        left: -2%;
    }
    .comment-box{
        font-size: 18px;
    }
    .uzman-container {
        height: auto;
    }
    .quote .icon img {
        margin-top: 50%;
    }
    .uzman-comment-box{
        max-height:150px;
        overflow-y: scroll;
        padding: 0 5%;
        --scrollbarBG: #CFD8DC;
        --thumbBG: #90A4AE;
    }
    .uzman-name-box {
        margin-bottom: 70px;
    }
}


/* (320x480) Smartphone, Portrait */

@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}


/* (320x480) Smartphone, Landscape */

@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}