@media screen and (min-width:180px) and (max-width:640px) {
    @font-face{font-family:fthsc;src:url(fthsc.eot?3g7yy4); font-display:block; src:url(fthsc.eot?3g7yy4#iefix) format('embedded-opentype'),url(fthsc.woff?3g7yy4) format('woff'),url(fthsc.svg?3g7yy4#fthsc) format('svg');font-weight:400;font-style:normal}[class*=" fthsc-"],[class^=fthsc-]{font-family:fthsc!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fthsc-alarm:before{content:"\e900"}.fthsc-arama:before{content:"\e901"}.fthsc-asagi:before{content:"\e902"}.fthsc-asagi-bold:before{content:"\e903"}.fthsc-at:before{content:"\e904"}.fthsc-ayarlar:before{content:"\e905"}.fthsc-behance:before{content:"\e906"}.fthsc-detay:before{content:"\e907"}.fthsc-detay-yatay:before{content:"\e908"}.fthsc-doc:before{content:"\e909"}.fthsc-ekle:before{content:"\e90a"}.fthsc-ekle-bold:before{content:"\e90b"}.fthsc-eposta:before{content:"\e90c"}.fthsc-eposta-bold:before{content:"\e90d"}.fthsc-ev:before{content:"\e90e"}.fthsc-facebook:before{content:"\e90f"}.fthsc-fax:before{content:"\e910"}.fthsc-gizle:before{content:"\e911"}.fthsc-goster:before{content:"\e912"}.fthsc-harici-link:before{content:"\e913"}.fthsc-harici-link-bold:before{content:"\e914"}.fthsc-hata:before{content:"\e915"}.fthsc-indir:before{content:"\e916"}.fthsc-instagram:before{content:"\e917"}.fthsc-jpg:before{content:"\e918"}.fthsc-kalem:before{content:"\e919"}.fthsc-kalp:before{content:"\e91a"}.fthsc-kamera:before{content:"\e91b"}.fthsc-kapat:before{content:"\e91c"}.fthsc-kapat-bold:before{content:"\e91d"}.fthsc-konum:before{content:"\e91e"}.fthsc-link:before{content:"\e91f"}.fthsc-linkedin:before{content:"\e920"}.fthsc-lokasyon:before{content:"\e921"}.fthsc-menu:before{content:"\e922"}.fthsc-messenger:before{content:"\e923"}.fthsc-mobil:before{content:"\e924"}.fthsc-mobil-bold:before{content:"\e925"}.fthsc-onay-bold:before{content:"\e926"}.fthsc-pdf:before{content:"\e927"}.fthsc-pinterest:before{content:"\e928"}.fthsc-play:before{content:"\e929"}.fthsc-ppt:before{content:"\e92a"}.fthsc-rar:before{content:"\e92b"}.fthsc-saat:before{content:"\e92c"}.fthsc-sag:before{content:"\e92d"}.fthsc-skype:before{content:"\e92e"}.fthsc-sol:before{content:"\e92f"}.fthsc-takvim:before{content:"\e930"}.fthsc-telefon:before{content:"\e931"}.fthsc-telefon-bold:before{content:"\e932"}.fthsc-tiff:before{content:"\e933"}.fthsc-twitter:before{content:"\e934"}.fthsc-whatsapp:before{content:"\e935"}.fthsc-xls:before{content:"\e936"}.fthsc-xml:before{content:"\e937"}.fthsc-yildiz:before{content:"\e938"}.fthsc-yon:before{content:"\e939"}.fthsc-youtube:before{content:"\e93a"}.fthsc-yukari:before{content:"\e93b"}.fthsc-yukle:before{content:"\e93c"}.fthsc-yukleme:before{content:"\e93d"}.fthsc-zip:before{content:"\e93e"}
    .fthsc-menu{border:none;width: 40px; height: 40px; line-height: 40px!important; text-align: center; color: #ffffff; position: absolute; right: 20px; top: 30px; display: block; font-size: 26px; background: none; z-index: 1000;}
    .mobilmenu{display:block; position:fixed; width:100%; height:100%; overflow-x:auto; z-index:10002; background:#333029; left:-100%; transition:all ease 0.5s; top:0;}
    .mobilmenu--dil{height: 60px; padding: 0 10px; border-bottom: 1px solid rgba(0,0,0,1); font-family: 'Barlow', serif;}
    .mobilmenu--dil li {line-height:60px; float:left; margin-right:10px; color:#fff; font-size:20px;}
    .mobilmenu--dil li a{line-height:60px; display:block; font-weight:200; color:#fff; text-align:center; width:40px; height:40px; font-size:20px; text-decoration: none;}
    .mobilmenu--menu > ul > li{width:100%; height:60px; overflow:hidden; border-bottom:1px solid #272727; position:relative;}
    .mobilmenu--menu > ul > li:Hover{background:rgba(0,0,0,0.1);}
    .mobilmenu--menu > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:400; font-size:14px; padding-left:20px; text-decoration: none;font-family: "Barlow", serif;
        font-weight: 400;}
    .mobilmenu--menu i{font-size:20px; line-height:60px; float:left; margin-right:10px;}
    .mobilmenu--menu > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:3; height:100%; transition:all ease 0.2s; width:100%; overflow-x: auto;}
    .mobilmenu--menu > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li:hover{background:rgba(0,0,0,0.2);}
    .mobilmenu--menu > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    .mobilmenu--menu > ul > li > ul > li > ul{position:fixed; left:-100%; background:#333029; top:0px; z-index:4; height:100%; transition:all ease 0.2s; width:100%;}
    .mobilmenu--menu > ul > li > ul > li > ul > li{width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,0.1); position:relative;}
    .mobilmenu--menu > ul > li > ul > li > ul > li > a{display:block; line-height:60px; color:#fff; font-weight:200; font-size:20px; padding-left:20px; text-decoration: none;}
    .mobilmenu--menu address{display: flex; align-items:center; line-height:16px; color: #fff; font-size: 20px; padding-left: 20px;}
    .mobilmenu .menu-kontrol{position:Absolute; right:0; top:0; width:50px; height:60px; z-index:2;}
    
    .mobilmenu .fthsc-kapat{border: none;width:40px; height:40px; line-height:40px!important; text-align:center; color:#fff; position:absolute; right:20px; top:10px; cursor:pointer; display:block; font-size:20px; background:none; z-index: 10;}
    .mobilmenu .menu-kontrol:after{font-family:fthsc; font-size:14px; font-style:normal; text-decoration: none; width:60px; height:60px; position:Absolute; right:0; top:-20px; content:"\e92d"; color:#fff; line-height:100px; text-align:center;}
    .mobilmenu .menu-down:after{transform:rotate(180deg)!important;}
    .menu-position{left:0!important; transition:all ease 0.5s;}
    .mobilmenu--menu i{float:left; width:25px; height:60px; line-height:60px; display: block;}
    .site-header {
        display: none;
    }
    .mobileHeader {
        position: absolute;
        display: block;
        height: 100px;
        width: 100%;
        color: #ffffff;
        z-index: 20;
    }

    .mobileHeader figure.logo {
        height: 100px;
        margin-left: 20px;
        display: flex;
        float: left;
        flex-direction: column;
        justify-content: center;
    }
    
    .mobileHeader figure.logo img {
        height: 50px;

    }

    .inset {
        width: 100%;
    }

    .swiper-slide h1 {
        font-family: "Libre Caslon Display", serif;
        font-size: 90px;
        font-weight: 400;
        font-style: normal;
        color: #fff;
        position: relative;
    }

    .swiper-slide h2 {
        font-family: "Qwitcher Grypen", cursive;
        font-size: 70px;
        font-weight: 400;
        line-height: 100px;
        font-style: normal;
        color: #8152a1;
        position: relative;
        top: -30px;
    }
 
    .swiper-slide h3 {
        font-family: "Poppins", serif;
        font-size: 22px;
        font-weight: 300;
        font-style: normal;
        color: #ffffff;
        position: relative;
        top: -20px;
    }

    .btn {
        padding: 10px 40px 10px 20px;
        cursor: pointer;
        font-family: 'Poppins', sans-serif;
        font-size: 12px;
        text-decoration: none;
        font-weight: 300;
        transition: all 0.3s ease;
    }
 
    .hero-bottom {
        padding: 50px;
        background-color: #a086a9;
        text-align: center;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 10;
        margin: 0;
    }

    .main-infographic .infographic-items {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .item-agdalar {width: 100%;}

    .main-blog ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .footer-top {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .infographic-item:nth-child(2) {
        background-color: #e9e2e9;
        padding: 60px 70px;
        width: 385px;
        height: 585px;
        box-shadow: none;
        position: relative;
        z-index: 2;
    }

    .main-products h3 {
        font-family: 'Qwitcher Grypen', cursive;
        font-size: 50px;
        font-weight: 400;
        font-style: normal;
        color: #9f34c7;
        position: relative;
        margin-top: -20px;
        z-index: 0;
    }

    .main-products h2 {
        font-size: 32px;
    }
    
    .vivet-bento-section {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 40px 0;
    }

    .item-kisisel {
        width: 100%;
        max-width: inherit;
    }

    .main-aboutus {
        position: relative;
        margin-top: 0px;
        padding: 50px;
        text-align: center;
    }

    .main-aboutus h2 {
        font-family: 'Qwitcher Grypen', cursive;
        font-size: 65px;
        font-weight: 400;
        font-style: normal;
        color: #e9e2e9;
        position: relative;
        margin-bottom: 80px;
        z-index: 1;
    }

    .main-products {
        position: relative;
        margin-top: 50px;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .main-video {
        margin-top: 0px;
        width: 100%;
        height: 400px;
        background-image: url(../img/main-video.jpg);
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .main-video .inset h2 {
        font-family: 'Qwitcher Grypen', cursive;
        font-size: 76px;
        color: #be9bdc;
        font-weight: 400;
        font-style: normal;
        margin-bottom: 20px;
    }

    .main-video .inset a {
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }
 
    .main-video .inset a img {
        width: 25px;
        height: 25px;
    }

    .main-video .inset h1 {
        font-family: 'Libre Caslon Display', serif;
        font-size: 44px;
        color: #ffffff;
        font-weight: 400;
        font-style: normal;
        margin-top: -40px;
    }

    .footer-top ul {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        align-items: center;
        margin-top: 20px;
    }

    .footer-top address {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
    }

    .copyright-social .inset {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0px;
        flex-direction: column-reverse;
    }
}