@media (min-width: 992px) {
    *{}
    #main-header .main-header-inner{
        display: block!important;
    }
}
@media (min-width: 992px) {
    *{}
    .header-v1 #main-header ul.menu-nav li ul.sub-menu,.header-v1 .main-header-inner .tp-megamenu,
    .header-v2 #main-header ul.menu-nav li ul.sub-menu,.header-v2 .main-header-inner .tp-megamenu,
    .header-v3 #main-header ul.menu-nav li ul.sub-menu,.header-v3 .main-header-inner .tp-megamenu,
    .header-v4 #main-header ul.menu-nav li ul.sub-menu,.header-v4 .main-header-inner .tp-megamenu{
        display: block!important;
    }
}
@media (max-width: 992px) {
    *{}
    #main-menu{
        display: block;
    }
    #main-header{
        position: relative;
        z-index:99;
        border:none!important;
    }
    #main-header .main-header-inner{
        position: absolute;
        top:-1px;
        left:0;
        width:100%;
    }
    #main-header ul.menu-nav{
        float:none!important;
        padding:0 15px 15px;
        background: #101010;
    }
    #main-header ul.menu-nav > li{
        float:none;
    }
    #main-header ul.menu-nav li ul.sub-menu > li:last-child > a:after,
    #main-header ul.menu-nav > li:first-child > a:after{
        position: absolute;
        content:"";
        left:0;
        width:100%;
        height:1px; 
        border-bottom: 1px solid rgba(0, 0, 0, 0.35);
        top:-2px;  
    }
    #main-header ul.menu-nav > li > a{
        padding:15px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.35);
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        position: relative;
    }
    #main-header ul.menu-nav > li ul.sub-menu > li > a .icon-toggle,
    #main-header ul.menu-nav > li > a .icon-toggle{
        width:20px;
        height:20px;
        position: absolute;
        right:0;
        top:15px;
        z-index:100;
        text-align: center;
    }
    #main-header ul.menu-nav > li ul.sub-menu > li > a .icon-toggle:after,
    #main-header ul.menu-nav > li > a .icon-toggle:after{
        content:"\f078";
        font-family:FontAwesome;
    }
    #main-header ul.menu-nav > li ul.sub-menu > li > a .icon-toggle.active:after,
    #main-header ul.menu-nav > li > a .icon-toggle.active:after{
        content:"\f077";
    }
    #main-header ul.menu-nav > li:last-child > a{
        border:none;
    }
    #main-header ul.menu-nav li ul.sub-menu, .main-header-inner .tp-megamenu{
        position: static;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        width:auto;
        padding:0;
        display: none;
        border:none;
    }
    #main-header ul.menu-nav li{
        display: block;
        width:100%!important;
        padding:0;
    }
    #main-header ul.menu-nav li ul.sub-menu li{
        padding:0;
    }
    .main-header-inner .tp-megamenu .tp-megamenu-ul > li{
        padding-top:15px!important;
    }
    #main-header .search-box,
    #main-header.mobile .main-header-inner{
        display: none;
    }
    .header-v4 #main-header::after,
    .header-v1 #main-header::after{
        display:none;
    }
    /*===== Header v2 =====*/
    #header.header-v2{
        position: relative;
    }
    #header.header-v2 .header-center,
    #header.header-v2 #main-header,
    #header.header-v2 h1.logo{
        display: block;
        position: static;
    }
    #header.header-v2 #main-header .main-header-inner{
        position: absolute;
        top:99%;
        padding:0 15px;
        background: #101010;
        z-index:99;
    }
    #header.header-v2 h1.logo{
        float:left;
        width:auto;
        margin:19px 0px;
    }
    #header.header-v2 #main-header ul.menu-nav > li > a{
        padding:15px 0;
    }
    #header.header-v2 #main-header ul.menu-nav{
        padding:0 0 15px;
    }
    #main-header ul.menu-nav > li.menu-search .searchform{
        position: relative;
        width:100%;
        display: block!important;
        margin-top:15px;
    }
    #main-header ul.menu-nav > li.menu-search a{
        display: none;
    }
    #header.header-v2 #main-menu{
        padding-right:0;
    }
    /*===== Header v3 =====*/
    #header.header-v3 .header-center .cart-block,
    #header.header-v3 .header-center h1.logo,
    #header.header-v3 .header-center #main-header{
        display: block;
        position: static;
    }
    #header.header-v3 .header-center h1.logo{
        float:left;
        width:auto;
        margin:19px 0;
    }
    #header.header-v3 .header-center .cart-block{
        float:right;
        width:auto;
        padding-top:29px;
    }
    #header.header-v3 .header-center #main-header .main-header-inner{
        margin:0;
        position: absolute;
        top:100%;
    }
    #header.header-v3 #main-header ul.menu-nav > li > a{
        padding:15px 0;
    }
    /*===== Header v4 =====*/
    #header.header-v4 h1.logo{
        float:left;
    }
    
    .tp-owl-carousel .slide-content h2,
    .tp-owl-carousel .slide-content h3{
        font-size:30px;
    }
}
@media (min-width: 768px) {
    .col-clearfix-md{
        clear:left;
    }    
}
@media (max-width: 768px) {
    *{}
    #header{
        position: relative;
    }
    #header .menu-shop{
        position: static;
    }
    #header .header-center{
        padding: 0;
    }
    #header .menu-shop .menu-shop-inner{
        right:0;
        bottom:0;
        top:auto;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        -moz-transform:translateY(0);
        background: #101010;
        padding:0 15px;
        width:100%;
        height:0;
    }
    #header .menu-shop .menu-shop-inner ul{
        width:auto;
    }
    #header .menu-shop .menu-shop-inner ul li{
        float:none;
        margin:0;
    }
    #header .menu-shop .menu-shop-inner ul li a{
        display: block;
        padding:10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.35);
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        text-align: left;
    }
    #header .menu-shop .menu-shop-inner.show-menu{
        width:100%;
        height:auto;
        top:99%;
        bottom:auto;        
    }
    #header .cart-block .shopping-bag{
        display: none!important;
    }
    .tp-icon-box.style2{
        margin-bottom:60px;
    }
    .isotope-container.column4 .isotope-item,
    .isotope-container.column3 .isotope-item,
    .isotope-container.column2 .isotope-item{
        width:49.95%;
    }
}
@media (max-width: 600px) {
    *{}
    #header .header-top .container,
    #footer .footer-bottom{
        height:auto;
        padding-top:10px;
        padding-bottom:10px;
    }
    #header .header-top .tp-col,
    #footer .footer-bottom .tp-col{
        display:block;
        text-align: center;
    }
    #header .header-top .tp-col:first-child,
    #footer .footer-bottom .tp-col:first-child{
        margin-bottom: 10px;
    }
    #header .header-top .tp-col:last-child,
    #footer .footer-bottom .tp-col:last-child{
        margin:0;
    }
    #header .header-center{
        text-align: center;
    }
    #header .header-center h1.logo,
    #header.header-v2 .header-center h1.logo,
    #header.header-v3 .header-center h1.logo{
        float:none;
        margin:10px;
    }
    #header.header-v2 .header-center h1.logo img,
    #header.header-v3 .header-center h1.logo img{
        margin:0 auto;
    }
    #header h1.logo img{
        margin:0 auto;
    }
    #header .menu-shop, #header #main-menu, #header .cart-block{
        float:none!important;
        display: inline-block!important;
        padding:20px 10px!important;
        vertical-align: top;
    }
    #header.header-v4 form.searchform{
        padding:14px 0;
    }
    #header.header-v4 form.searchform input,
    #header.header-v4 form.searchform input:focus{
        width:200px;
        border-color:#fff;
    }
    #header.header-v4 .header-center h1.logo{
        float:left;
        margin:20px 0;
        max-width:200px;
    }
    #header.header-v4 #main-menu{
        float:right!important;
    }
    .tp_timeline.style1 .timeline-item:nth-child(2n) .timeline-desc, 
    .tp_timeline.style1 .timeline-item:nth-child(2n) h3.timeline-title,
    .tp_timeline.style1 .timeline-item:nth-child(2n),
    .tp_timeline.style1 .timeline-item{
        padding-left:50px;
    }
    .tp_timeline.style1 .timeline-item:nth-child(2n) .timeline-desc, 
    .tp_timeline.style1 .timeline-item:nth-child(2n) h3.timeline-title,
    .tp_timeline.style1 .timeline-item:nth-child(2n){
        padding-right: 0;
        text-align: left;
    }
    .tp_timeline.style1:after,
    .tp_timeline.style1 .timeline-item .timeline_icon{
        left:50px;
    }
}
@media (max-width: 480px) {
    *{}
    .single-post .post-author .avatar{
        width:90px;
    }
    .single-post .post-author .author-info{
        margin-left: 100px;
    }
    .tp-tabs ul.tp-tab-title li{
        display: block;
    }
    .tp-tabs.style1 ul.tp-tab-title li{
        margin-bottom:10px;
        border:none;
    }
    .tp-tour .tp-tour-title,
    .tp-tour .wrap-tour{
        width:100%;
        margin:0;
    }
    .tp-tour .tp-tour-title li.ui-tabs-active a::before{
        display: none;
    }
    .mobilbort {
        display: none;
    }
    .isotope-container.column4 .isotope-item,
    .isotope-container.column3 .isotope-item,
    .isotope-container.column2 .isotope-item{
        width:100%;
    }
    #filter-isotope ul li{
        display: block;
        margin:0 0 10px;
    }
    .tp-owl-carousel .slide-content h2,
    .tp-owl-carousel .slide-content h3{
        font-size:20px;
        margin-bottom:0;
    }
    .tp-owl-carousel .slide-content .button-site{
        font-size:10px;
        padding:5px 15px;
    }
    .tp-owl-carousel .owl-controls{
        display: none;
    }
}
@media (max-width: 360px) {
    *{}
}