/*------------------------------------------------------------------------
* Copyright (c) 2008-2013 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/

/*Narrow Browser Windows and Smartphones in both orientations*/
@media (max-width:1024px) {
    div.menusys_mega #menusys_mega li span.no-image{padding: 0 0 0 8px;}
    div.menusys_mega #menusys_mega .menu-title{padding: 0 8px 0 0;}
    #zt-scroller-inner .zt_scroller{width: 90%; margin: 0 auto;}
    .zt-box-inside h3.zt-title{font-size: 120%;}
    #zt-cart-top #zt-cart-inner{right: -18px;}
    .zt_scroller div.pagenave {
        right: -20px;
    }
    #zt-right #zt-right-inner h3.moduletitle{width: 112%}
    .highslide-gallery ul li.gallery-item{ width: 30%; margin: 0 3% 2% 0;}
    #zt-component .pricing_box h2{font-size: 260%;}
    #zt-scroller #zt-scroller-inner h3.moduletitle,
    div#zt-productscroller div.zt-productscroller-inner h3.moduletitle
    {
        width: 232px;
    }
    div.desc_part div.zt-action{display: block;margin: 5px 0 0 ;float: none;}
    div.desc_part div.product-price{display: block; text-align: center; float: none;}
    .zt-box-inside h3.zt-title{margin: 10px 0 !important; float: none; display: block;}
    .rtl .col-slide-inner #zt-slideshow-col{   margin: 0 2% 0 0;}
    .zt-slideshow-col-inner .zt-col-inner img {margin: 0 0 13px;}
    #zt-support-inner p{font-size: 75%;}
    #zt-header-inner h4{font-size: 120% !important;}
    div.zt-productscroller-inner div.scroller-slider{width: 846px !important;}
    div.zt-productscroller-inner div.zt_vm_scroller .pagenave{right: 9px;}
    .rtl #zt-right #zt-right-inner h3.moduletitle {
        margin: 0 -26px 15px 0;
    }
    .rtl #zt-left div#zt-left-inner h3.moduletitle {
        width: 112%;
    }
    .rtl .highslide-gallery ul li.gallery-item{width: 30%; margin: 0 0 2% 3%;}
    .rtl #zt-cart-top #zt-cart-inner{right:0;}
    .rtl div.zt-productscroller-inner div.zt_vm_scroller .pagenave {left: 0; right:inherit;}
    .rtl .zt_scroller div.pagenave{left: -28px;}
    .newslett input.email{width: 150px !important;}
    .newslett .button{padding: 10px 15px;}
}
@media (max-width:768px){
    #zt-header-wrapper #zt-header-bottom-inner{border-bottom: 1px solid #151515;}
    #zt-header-wrapper #zt-header-inner{padding: 20px;}
    .tp-bullets{bottom: 5px !important;}
    #zt-search{display: none;}
    #zt-search{ width: 40%; margin: 5px 0 0;}
    #zt-header-bottom-inner #zt-search .box-search{float: left;position: relative; z-index: 99;}
    #zt-scroller #zt-scroller-inner h3.moduletitle, div#zt-productscroller div.zt-productscroller-inner h3.moduletitle{width:210px; }
    #zt-scroller-inner .zt_scroller{width: 83%;}
    #zt-userwrap7-inner #zt-userwrap7-inner2 {
        padding: 15px 20px 15px;
    }
    .rev_slider_wrapper .tp-rightarrow.default, .rev_slider_wrapper .tp-leftarrow.default{width: 35px !important;height: 38px !important;}
    .rev_slider_wrapper .tp-rightarrow.default{background-position: -47px -60px !important;}
    .rev_slider_wrapper .tp-leftarrow.default{ background-position:  -11px -60px !important;}
    .rev_slider_wrapper .tp-rightarrow.default:hover {
        background-position: -47px -8px !important;
    }
    .rev_slider_wrapper .tp-leftarrow.default:hover {
        background-position: -11px -8px !important;
    }
    .zt-box-inside h3.zt-title{ display: block; float: none; font-size: 140%;}
    .zt-box-inside #zt-social a{margin: 0 6px 0 0;}
    #zt-footer-left,#zt-menu-bottom{width: 100%; margin: 0; text-align: center;}
    #zt-footer-left #zt-footer-copy{float: none}
    #zt-footer-inner #zt-menu-bottom ul.menu{float: none;}
    #zt-footer-inner #zt-menu-bottom ul.menu li{display: inline-block; float: none;}
    #zt-menu-bottom ul.menu li.last{height: auto;}
    #zt-footer-inner #zt-menu-bottom ul.menu li a { line-height: 100%;}
    .isotope{width: 570px; margin: 0 auto;}
    #zt-right #zt-right-inner h3.moduletitle{width: 116%}
    #zt-component ul.tabs li{margin: 0 5px;}
    .category .spacer h2{font-size: 120%;}
    div.billto-shipto div.width50{width: 100%; margin: 5px 0;}
    .billto-shipto a.details{display: inline-block;}
    select#ordering{width: 200px;}
    div.phrases-box label,.only label{display:block !important; margin: 0 !important; text-align: left;}
    .only > input, .phrases-box > input{float: left; margin: 4px 10px 0 0 !important;}
    div#com-form-order-number,div#com-form-order-pass{clear: both;}
    input#order_number, input#order_pass{margin: -20px 0 10px 0;}
    div.zt-banner-right div.infor-right > p {font-size: 90%;}
    div.zt-typo-col div.zt-typo-inside{padding: 0; margin: 10px 0;}
    div.zt-productscroller-inner div.scroller-slider{width: 570px !important;}
    div.zt-productscroller-inner div.scroller-slider{float: none ;}
    div.zt-productscroller-inner div.zt_vm_scroller .pagenave{right:20px ;}
    .rtl #zt-left div#zt-left-inner h3.moduletitle{width: 116% ;}
    .rtl .zt_scroller div.pagenave{left: -38px;}
    .rtl .zt-box-inside h3.zt-title{ margin: 10px 0 !important;display: block;float: none;}
    .rtl div.phrases-box label,.rtl .only label{text-align: right;}
    .rtl .only > input,.rtl .phrases-box > input{float: right;margin: 4px 0 0 10px !important;}
    .rtl #zt-cart-top #zt-cart-inner{right:inherit; left: 0;}

}
@media (max-width:640px){

    #zt-header-inner #zt-text-outer {width: 100%; float: none; text-align: center; margin: 0 0 10px 0;}
    #zt-support, #zt-cart-top{width: 50%; float: left;}
    .zt-drillmenu-inner h3{display: block;}
    #option_btn{display: none;}
    #zt-language,#zt-top-menu{width: 50%; float: left;}
    #zt-header-inner #zt-cart-top > h4 {display: inline-block; float: right;}
    #zt-search{display: none;}
    div.ztVMProductBlock div.options{position: static;width: 100%;}
    .zt-col-inner img{width: 45%;margin: 10px 2.2% !important; float: left;}
    .newslett, #zt-social {
        display: table;
        margin: 5px auto;
        float: left !important;
    }
    #zt-userwrap8-inner .moduletable{margin: 10px 0 !important;}
    #zt-header-bottom  #zt-header-bottom-inner{padding: 0 1px;}
    #zt-left div#zt-left-inner h3.moduletitle,#zt-right #zt-right-inner h3.moduletitle{width: 270px !important;margin: 0 auto 15px !important; background-position: -8px top;}
    #zt-left-inner div.moduletable{margin: 0 0 10px 0 !important;}
    .inputbox{width: 250px !important;}
    div.search{text-align: center;}
    textarea.inputbox{width: 93% !important;}
    #zt-right {margin: 15px 0;}
    .zt-typo-col .zt-typo-inside{padding: 0 !important;margin: 5px 0;}
    select#ordering{width: 200px !important;}
    div.search-vt input.button{vertical-align: top; margin: 0 5px;}
    div.zt-productscroller-inner div.zt_vm_scroller .pagenave{right:10px;}
    .rtl #zt-userwrap7-inner .newslett,.rtl #zt-userwrap7-inner #zt-social{float: right !important;}
    .rtl .zt-col-inner img{float: right;}
    .rtl .col-slide-inner #zt-slideshow-col{margin: 0;}
    .rtl #zt-header-inner #zt-cart-top > h4{float: left;}
    .rtl .zt_scroller div.pagenave {
        left: -34px;
    }
}
@media (max-width:480px){
    h1{font-size: 180% !important;}
    h2{font-size: 160% !important;}
    h3{font-size: 140% !important;}
    h4{font-size: 120% !important;}
    div#zt-header-inner,
    div#zt-header-bottom-inner,
    div.col-slide-inner,
    div.zt-breadcrumbs-inside,
    div#zt-userwrap2-inner,
    div#zt-userwrap3-inner,
    div#zt-mainframe-inner,
    div#zt-userwrap6-inner,
    div#zt-userwrap7-inner2,
    div#zt-userwrap8-inner
    {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    #zt-header-wrapper #zt-header-bottom-inner{margin: 0;}
    div#zt-text-outer #zt-logo-slogan{letter-spacing: 2px;}
    div#zt-text-outer #zt-logo-text{font-size: 350%;}
    a#gototop{display: none !important;}
    #zt-language,#zt-top-menu{width: 100%; text-align: center;}
    #zt-header-top-inner #zt-top-menu ul.menu{display: table; margin: 0 auto;float: none; }
    div.ztVMProductBlock ul.sort-direction{float: left; clear: both;}
    div.options ul.option-set li{margin: 0 10px 10px 0;}
    div.ztVMProductBlock ul.sort-direction li{margin: 0 10px 0 0;}
    .isotope{width: 282px;}
    #zt-scroller-inner .zt_scroller{width: 60%;}
    .zt_scroller div.pagenave{right: -70px;}
    div.tp-leftarrow,div.tp-rightarrow{display: none;}
    .tp-bullets{bottom: 0 !important;}
    .productdetails .product-neighbours a.previous-page,.productdetails .product-neighbours a.next-page{width: 90%;margin: 0}
    .product-neighbours a.next-page{text-align: right;}
    a.product-details{display: block;}
    ol.linenums li{margin: 0 !important;}
    div.pp_gallery a.pp_arrow_next,div.pp_gallery a.pp_arrow_previous{display: none !important;}
    #zt-component ul.tabs{height: auto;}
    #zt-component ul.tabs li{width: 100%;margin: 0}
    #zt-component fieldset{padding: 5px !important;}
    select#ordering {width: 166px !important;}
    .phrases div.phrases-box,.phrases .ordering-box{ width: 100%; margin: 5px 0;}
    #zt-component fieldset.phrases,#zt-component fieldset.only{padding: 5px !important;}
    div.order-view div#com-form-order-number,div.order-view div#com-form-order-pass,div.order-view div#com-form-order-submit{width: 100%;}
    div.pp_default .pp_expand{display:none !important;}
    .cart-view table.cart-summary tr th:nth-child(2), .cart-view table.cart-summary tr td:nth-child(2), .cart-view table.cart-summary tr th:nth-child(5), .cart-view table.cart-summary tr td:nth-child(5), .cart-view table.cart-summary tr th:nth-child(6), .cart-view table.cart-summary tr td:nth-child(6), .cart-view table.cart-summary tr th:nth-child(3), .cart-view table.cart-summary tr td:nth-child(3){display: none;}
    #zt-cart-top #zt-cart-inner {right: -3px;}
    div.zt-productscroller-inner div.scroller-slider{width: 285px !important;}
    .rtl div.ztVMProductBlock ul.sort-direction{float: right !important;}
    .rtl div.ztVMProductBlock ul.sort-direction li{margin: 0 0 0 10px !important;}
    .rtl .zt_scroller div.pagenave{left: -70px;}
}
@media (max-width:360px){
    div#zt-header-inner{padding: 20px 5px !important;}
    .vmcart-border{display: none;}
    #zt-scroller-inner .zt_scroller {
        width: 75%;
    }
    .zt_scroller div.pagenave {right: -37px;  }
    .itemBody div.itemAuthorContent{width: 100%; margin: 10px 0;}
    .showcart{float: none !important;margin: 5px 0;}
    .admintable .inputbox {
        width: 200px !important;
    }
    .zt-orderfilter{float: none !important;display: block !important;}
    .category {width: 100% !important; text-align: center; margin: 5px 0 !important;}
    .product{width: 100% !important; margin: 5px 0 !important;}
    .productdetails .width40.floatleft,.productdetails .width60.floatright{width: 100% !important;margin: 5px 0 !important;}
    .highslide-gallery ul li.gallery-item{width: 100%;margin: 5px 0;}
    .highslide-gallery ul li.gallery-item a{margin: 0 auto; display: table}
    #zt-component .zt-image-frame{width: 100% !important;margin: 5px 0 !important;}
    #zt-component .pricing_box {width: 100%; margin: 5px 0;}
    table.user-details .inputbox {width: 240px !important;}
    #adminForm table.category td{padding: 0;}
    .category{font-size: 70% !important;}
    #searchForm .button{margin: 0 0 5px 0;}
    #facebox .popup{text-align: center;}
    #zt-component ol.linenums li{margin:0;}
    div#facebox{width: 300px !important;}
    div.zt-productscroller-inner div.zt_vm_scroller .pagenave{right:-13px ;}
    .rtl .highslide-gallery ul li.gallery-item{width: 100%; margin: 5px 0;}
    .rtl div#zt-header-inner div#zt-cart-top #cart{float: right;}
    .rtl .zt_scroller div.pagenave{left: -23px;}
}
@media (max-width:320px){
    #zt-scroller-inner .zt_scroller {
        width: 80%;
    }
    .zt_scroller div.pagenave {
        right: -27px;
    }
    .inputComment .inputbox {
        width: 235px !important;
    }
    table.user-details .inputbox {
        width: 200px !important;
    }
    .zt-displaynumber{margin: 5px 0 0;}
    div.pp_default .pp_nav .currentTextHolder{padding: 0 !important;}
}