/*! * PURE LINE CLINIC - 22/03/2020 * Web Design: Erdogan Cakmak / erdogancakmak.com * Web Developer: Ferdi Tarakci / ferditarakci.com */
@-ms-viewport{
    width:device-width;
    zoom:1
}
@-o-viewport{
    width:device-width;
    zoom:1
}
@viewport{
    width:device-width;
    zoom:1
}
@media (max-width: 1220px){
    #trans_bg{
        position:fixed;
        top:0;
        left:-100%;
        z-index:5;
        display:block;
        width:100%;
        height:100%;
        height:100vh;
        opacity:0;
        -webkit-perspective:1000px;
        perspective:1000px;
        background-color:rgba(0,0,0,0.8);
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    #res-nav{
        overflow:hidden;
        position:fixed;
        top:0;
        left:-300px;
        z-index:6;
        width:300px;
        max-width:98%;
        height:100%;
        height:100vh;
        background-color:#fff
    }
    .nav-active #res-nav{
        height:auto
    }
    #res-nav .close-btn{
        position:absolute;
        top:0;
        right:0;
        width:30px;
        height:30px;
        background:#42e0be url(../images/res_close_icon.png) no-repeat 50%;
        background-size:24px
    }
    #res-nav #navigation{
        display:block
    }
    #res-nav.open #navigation{
        display:block
    }
    #navigation{
        position:relative;
        z-index:0;
        float:left;
        width:100%;
        height:100%;
        overflow-x:hidden;
        overflow-y:scroll;
        -webkit-perspective:1000px;
        perspective:1000px;
        -webkit-overflow-scrolling:touch;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    #navigation .navigation-inner{
        position:relative;
        float:left;
        width:100%;
        min-height:100%
    }
    #navigation .logo{
        display:block;
        width:196px;
        height:100px;
        margin:20px auto 30px;
        -webkit-transition:all .3s linear;
        transition:all .3s linear
    }
    #navigation .logo a{
        display:block;
        width:100%;
        height:100%;
        text-decoration:none;
        background:url(../images/logo.png) no-repeat;
        background-size:100%
    }
    .r2x #navigation .logo a{
        background-image:url(../images/logo@2x.png)
    }
    .r3x #navigation .logo a{
        background-image:url(../images/logo@3x.png)
    }
    #navigation .logo span{
        display:none
    }
    #navigation .mobile-nav{
        position:relative;
        float:left;
        width:100%
    }
    #navigation .mobile-nav a{
        cursor:pointer;
        white-space:normal
    }
    #navigation .mobile-nav ul,#navigation .mobile-nav li{
        margin:0;
        padding:0;
        list-style:none
    }
    #navigation .mobile-nav>ul>li{
        position:relative;
        border-bottom:1px solid #e8e8e8;
        -webkit-transform:translate3d(130%, 0, 0);
        transform:translate3d(130%, 0, 0);
        -webkit-transition:all 0.2s linear;
        transition:all 0.2s linear
    }
    .open-nav #navigation .mobile-nav>ul>li{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    #navigation .mobile-nav>ul>li:nth-child(1){
        -webkit-transition-delay:0s;
        transition-delay:0s
    }
    #navigation .mobile-nav>ul>li:nth-child(2){
        -webkit-transition-delay:0.1s;
        transition-delay:0.1s
    }
    #navigation .mobile-nav>ul>li:nth-child(3){
        -webkit-transition-delay:0.2s;
        transition-delay:0.2s
    }
    #navigation .mobile-nav>ul>li:nth-child(4){
        -webkit-transition-delay:0.3s;
        transition-delay:0.3s
    }
    #navigation .mobile-nav>ul>li:nth-child(5){
        -webkit-transition-delay:0.4s;
        transition-delay:0.4s
    }
    #navigation .mobile-nav>ul>li:nth-child(6){
        -webkit-transition-delay:0.5s;
        transition-delay:0.5s
    }
    #navigation .mobile-nav>ul>li:nth-child(7){
        -webkit-transition-delay:0.6s;
        transition-delay:0.6s
    }
    #navigation .mobile-nav>ul>li:nth-child(8){
        -webkit-transition-delay:0.7s;
        transition-delay:0.7s
    }
    #navigation .mobile-nav>ul>li:nth-child(9){
        -webkit-transition-delay:0.8s;
        transition-delay:0.8s
    }
    #navigation .mobile-nav>ul>li:nth-child(10){
        -webkit-transition-delay:0.9s;
        transition-delay:0.9s
    }
    #navigation .mobile-nav>ul>li:nth-child(11){
        -webkit-transition-delay:1s;
        transition-delay:1s
    }
    #navigation .mobile-nav>ul>li:nth-child(12){
        -webkit-transition-delay:1.1s;
        transition-delay:1.1s
    }
    #navigation .mobile-nav>ul>li:nth-child(13){
        -webkit-transition-delay:1.2s;
        transition-delay:1.2s
    }
    #navigation .mobile-nav>ul>li:nth-child(14){
        -webkit-transition-delay:1.3s;
        transition-delay:1.3s
    }
    #navigation .mobile-nav>ul>li:nth-child(15){
        -webkit-transition-delay:1.4s;
        transition-delay:1.4s
    }
    #navigation .mobile-nav>ul>li:nth-child(16){
        -webkit-transition-delay:1.5s;
        transition-delay:1.5s
    }
    #navigation .mobile-nav>ul>li:nth-child(17){
        -webkit-transition-delay:1.6s;
        transition-delay:1.6s
    }
    #navigation .mobile-nav>ul>li:nth-child(18){
        -webkit-transition-delay:1.7s;
        transition-delay:1.7s
    }
    #navigation .mobile-nav>ul>li:nth-child(19){
        -webkit-transition-delay:1.8s;
        transition-delay:1.8s
    }
    #navigation .mobile-nav>ul>li:nth-child(20){
        -webkit-transition-delay:1.9s;
        transition-delay:1.9s
    }
    #navigation .mobile-nav>ul>li:first-child{
        border-top:1px solid #e8e8e8
    }
    #navigation .mobile-nav>ul>li>a{
        position:relative;
        display:block;
        line-height:26px;
        padding:15px 20px;
        font-size:17px;
        font-weight:700;
        color:#353535;
        text-transform:uppercase;
        text-decoration:none;
        letter-spacing:-0.25px;
        -webkit-transition:all 0.3s linear;
        transition:all 0.3s linear
    }
    #navigation .mobile-nav>ul>li.dropdown>a{
        padding-right:50px
    }
    #navigation .mobile-nav>ul>li.dropdown>a::after{
        position:absolute;
        top:0;
        right:0;
        width:50px;
        height:100%;
        content:'';
        background:url(../images/mobile_nav_dropdown2.png) no-repeat 50%;
        background-size:16px auto;
        -webkit-transition:all 0.3s linear;
        transition:all 0.3s linear
    }
    #navigation .mobile-nav>ul>li.hover>a,#navigation .mobile-nav>ul>li.selected>a{
        color:#0164d3
    }
    #navigation .mobile-nav>ul>li.hover.dropdown>a,#navigation .mobile-nav>ul>li.selected.dropdown>a{
        -webkit-box-shadow:0px 10px 20px 0px rgba(0,0,0,0.15);
        box-shadow:0px 10px 20px 0px rgba(0,0,0,0.15)
    }
    #navigation .mobile-nav>ul>li.hover>ul,#navigation .mobile-nav>ul>li.selected>ul{
        background-color:#c8c7c9
    }
    #navigation .mobile-nav>ul>li>ul>li:first-of-type{
        margin-top:15px
    }
    #navigation .mobile-nav>ul>li>ul>li:last-of-type{
        margin-bottom:15px
    }
    #navigation .mobile-nav>ul>li>ul{
        overflow:hidden;
        display:none
    }
    #navigation .mobile-nav>ul>li>ul:blank{
        display:none !important
    }
    #navigation .mobile-nav>ul>li>ul>li.group-title{
        -webkit-transition:all 0.3s linear;
        transition:all 0.3s linear
    }
    #navigation .mobile-nav>ul>li>ul>li.group-title ~ .group-title{
        padding-top:10px;
        border-top:1px solid rgba(255,255,255,0.35)
    }
    #navigation .mobile-nav>ul>li>ul>li>a{
        position:relative;
        display:block;
        padding:5px 0px 5px 15px;
        line-height:20px;
        font-size:17px;
        color:#353535;
        letter-spacing:-0.25px;
        -webkit-transition:all 0.3s linear;
        transition:all 0.3s linear
    }
    #navigation .mobile-nav>ul>li>ul>li.hover,#navigation .mobile-nav>ul>li>ul>li.selected{
        background-color:#ca7600
    }
}
@media (max-width: 1260px){
    #main-slider .tp-bullets.simplebullets.round{
        display:block !important
    }
    #main-slider .tp-leftarrow.default,#main-slider .tp-rightarrow.default{
        left:20px !important;
        width:48px;
        height:48px;
        margin-top:-24px !important;
        -webkit-transform:none !important;
        transform:none !important
    }
    #main-slider .tp-rightarrow.default{
        left:auto !important;
        right:20px !important
    }
}
@media (max-width: 1200px){
    #site-wrap{
        padding-top:102px
    }
    #header{
        position:fixed;
        border-top-width:4px;
        -webkit-box-shadow:0px 13px 16px 0px rgba(0,0,0,0.1);
        box-shadow:0px 13px 16px 0px rgba(0,0,0,0.1);
        -webkit-transition:none;
        transition:none
    }
    #header .container{
        padding-right:20px;
        padding-left:20px
    }
    #header .top-bar{
        height:98px
    }
    #header .logo a{
        width:152px;
        height:78px
    }
    #header .langs>div{
        left:auto;
        right:0;
        -webkit-transform:translateX(0) translateY(30px);
        transform:translateX(0) translateY(30px)
    }
    #header .langs>div>ul::before,#header .langs>div>ul::after{
        left:auto;
        right:20px;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    #header .langs.open>div{
        -webkit-transform:translateX(0) translateY(0);
        transform:translateX(0) translateY(0)
    }
    #header .main-nav>ul>li{
        margin-left:20px
    }
    #main-slider .rev_slider{
        max-width:100%
    }
    #main-tabs .inner{
        background-position:56% 0
    }
    #main-tabs .tabs .tab-nav{
        max-width:420px
    }
}
@media (max-width: 1160px){
    #main-tabs .inner{
        background-position:100% 0;
        background-attachment:fixed
    }
    #main-tabs .container{
        padding-top:40px;
        padding-bottom:40px;
        background-color:rgba(255,255,255,0.6)
    }
    #main-tabs .tabs .tab-nav{
        width:90%;
        margin-right:auto;
        margin-left:auto;
        max-width:none
    }
    #main-tabs .tabs .tab-nav>div{
        height:auto
    }
    #main-tabs .tabs .tab-nav>div::before,#main-tabs .tabs .tab-nav>div::after{
        content:none
    }
    #main-tabs .tabs .tab-nav .tab-title{
        border-left-color:rgba(255,255,255,0.3);
        border-top-color:rgba(255,255,255,0.3)
    }
}
@media (max-width: 1160px) and (min-width: 641px) and (max-width: 1160px){
    #main-tabs .tabs .tab-nav .tab-title:nth-child(1),#main-tabs .tabs .tab-nav .tab-title:nth-child(2),#main-tabs .tabs .tab-nav .tab-title:nth-child(3){
        border-top-color:transparent
    }
    #main-tabs .tabs .tab-nav .tab-title:nth-child(1),#main-tabs .tabs .tab-nav .tab-title:nth-child(4){
        border-left-color:transparent
    }
}
@media (max-width: 1160px){
    #main-tabs .tabs .tab-contents{
        width:100%;
        padding:60px 30px 60px;
        color:#353535
    }
}
@media (max-width: 992px){
    #header .main-nav{
        display:none
    }
    #header .nav-button{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin:auto 0 auto auto
    }
    #header .nav-button span{
        background-color:#42e0be
    }
    #header .langs{
        margin-left:0;
        margin-right:30px
    }
    #main-form .row{
        padding:30px 20px
    }
    #main-about .container .row{
        min-height:355px
    }
    #main-about .container .row::after{
        right:-60px;
        width:560px;
        height:355px
    }
    #main-video .container .a{
        padding-left:40px
    }
    #main-video .container .b{
        padding-left:40px
    }
    #main-blogs .owl-carousel{
        margin-top:0
    }
    #main-blogs .owl-stage-outer{
        margin-right:0;
        margin-left:0;
        padding-right:0;
        padding-left:0
    }
    #main-blogs .owl-item{
        padding:0;
        opacity:1 !important
    }
    #main-blogs .item-text{
        opacity:1 !important
    }
    #main-blogs .hover-text{
        display:none !important
    }
    #main-blogs .owl-dots{
        margin-top:60px
    }
    #footer .top-bar .row>div.b,#footer .top-bar .row>div.c{
        display:none
    }
    #footer .top-bar .row>div.a,#footer .top-bar .row>div.d{
        max-width:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
    .sub-page .type-1 .col-3,.sub-page .type-1 .col-9{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        padding-left:10px
    }
    .sub-page .type-1 .col-3{
        margin-bottom:30px
    }
    .sub-page .type-1 .col-9>.text{
        padding-left:0
    }
    .sub-page .type-2 .col-5,.sub-page .type-2 .col-7{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        padding-left:10px
    }
    .sub-page .type-2 .col-5{
        margin-bottom:30px
    }
    .sub-page .type-3 .col-4,.sub-page .type-3 .col-8{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        padding-left:10px
    }
    .sub-page .type-3 .col-4{
        margin-bottom:30px
    }
    .page-gallery .col-3{
        padding:5px
    }
    .blog .category{
        top:-24px;
        right:auto;
        left:0
    }
    .blog .text{
        padding:0
    }
    .blog .prev-next-btn{
        padding:0
    }
    .side-nav{
        padding-bottom:30px;
        border-bottom:1px solid #e6e7ec
    }
    .side-nav.mbl{
        display:block
    }
    .side-nav.mbl .nav-title{
        display:none
    }
    .side-nav>ul{
        display:none !important
    }
    .side-nav .pagiselect-label{
        display:block;
        margin-bottom:0
    }
    .side-nav .pagiselect-label select{
        margin-left:0
    }
}
@media (max-width: 840px){
    #main-slider .forcefullwidth_wrapper_tp_banner,#main-slider .tp-banner-container{
        display:none !important
    }
    #main-slider .owl-carousel{
        display:block !important
    }
    #main-form .row{
        padding:30px 20px
    }
    #main-form .section-title{
        margin-bottom:0
    }
    #main-form .col-3{
        max-width:50%;
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        margin-top:20px
    }
    #main-form .submit-button{
        min-width:100%
    }
    #main-about .container{
        padding:40px 20px
    }
    #main-about .container .row{
        min-height:300px
    }
    #main-about .container .row::after{
        content:none
    }
    #main-about .container .row .col-5{
        max-width:100%;
        -webkit-box-flex:1;
        -ms-flex:auto;
        flex:auto
    }

    #main-video .inner{
        background-attachment:fixed
    }
    #main-video .container{
        padding-top:60px;
        padding-bottom:60px
    }
    #main-video .container .col-6{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        padding-right:30px;
        padding-left:30px
    }
    #main-video .container .b{
        margin-top:30px
    }
    #contact .col-5,#contact .col-7{
        max-width:100%;
        padding-right:10px;
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
    #contact .col-5 hr{
        display:block
    }
    .blogs .item{
        width:47%
    }
    .blog .prev-btn,.blog .next-btn{
        width:100%;
        padding:10px 0;
        -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
        justify-content:center !important
    }
    .blog .prev-btn h4,.blog .next-btn h4{
        max-width:none
    }
}
@media (max-width: 768px){
    #main-video .container .row .col-5,#main-video .container .row .col-7{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
    #main-video .container .row .col-7{
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1;
        margin-bottom:30px
    }
    #main-video .video{
        margin-left:auto
    }
}
@media (max-width: 640px){
    #site-wrap{
        padding-top:88px
    }
    #header{
        border-top-width:2px
    }
    #header .top-bar{
        height:86px
    }
    #header .logo a{
        width:130px;
        height:66px
    }
    #header .langs{
        margin-right:15px
    }
    #main-form .col-3{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%
    }
    #main-tabs .accordion{
        display:block
    }
    #main-tabs .tabs{
        display:none
    }
    #footer .top-bar{
        padding-top:60px
    }
    #footer .top-bar .row>div.a,#footer .top-bar .row>div.d{
        max-width:100%;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        padding-left:10px;
        padding-right:10px
    }
    #footer .top-bar .row>div.d{
        margin-top:30px
    }
    #footer .top-bar .logo{
        margin-top:0
    }
    #footer .bottom-bar .col-6{
        max-width:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
    .page-gallery .col-3{
        max-width:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
    .blogs .item{
        width:97%
    }
    .pagination>div{
        display:none
    }
    .pagination .pagiselect-label{
        display:block
    }
    .results .item{
        width:97%;
        margin-top:40px
    }
}
@media (max-width: 480px){
    #footer .bottom-bar .col-6{
        max-width:none;
        text-align:center;
        -webkit-box-flex:1;
        -ms-flex:auto;
        flex:auto
    }
    #footer .bottom-bar .copyright{
        margin-bottom:10px
    }
    #footer .bottom-bar .web-designs{
        float:none;
        display:inline-block;
        margin-bottom:10px;
        vertical-align:top
    }
    #footer .bottom-bar .web-designs .wd{
        opacity:1;
        padding-left:32px !important
    }
    #footer .bottom-bar .web-designs .wd span{
        display:none
    }
    #contact .form{
        padding:30px 20px
    }
    #contact .form .files{
        margin-right:-5px;
        margin-left:-5px
    }
    #contact .form .files .col-3{
        padding-right:5px;
        padding-left:5px
    }
}
@media (max-width: 400px){
    #header .container{
        padding-right:10px;
        padding-left:10px
    }
    #header .langs{
        margin-right:8px
    }
    #header .langs>span{
        padding:8px 14px
    }
}