@media (min-width: 768px){
    .navbar-nav li.dropdown:hover ul.dropdown-menu,
     #form-language .btn-group:hover ul.dropdown-menu,
     #cart:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        min-width: 360px;
        width: 360px;
    }
    li:hover .dropdown-menu{
      display:block !important;
    }
}

@media (max-width:1024px){
    #compare-total{
        font-size: 13px;
        margin-left: -25px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .right nav,.right .top-cart{
        float: right;
    }
    .right nav a{
        padding: 7px 15px
    }
}

@media (max-width: 1100px){
    .made.right-border.last,
    .made.right-border,
    .order-code h3{
        padding: 15px 10px;
    }
    .custom-md-2 {
        width: 20%;
    }
    .custom-md-10 {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width: 950px){
    #slider li .caption{ 
        top:200px;}  
    #slider li .caption img{ 
        width:300px;}
    .made.right-border.last,
    .made.right-border,
    .order-code h3,
    .made{
        width: 50%;
        float: left;
        padding: 10px;
    }
    .btn.btn-info{
        margin-bottom: 10px;
    }
    
}
@media (min-width: 768px) and (max-width: 1023px){
    .tab-pane .custom-md-10.col-sm{
        width: 100%;
        padding-left:0;
        margin-left: 0;
    }
    .slick-prev {
        left: -13px;}
    .size-box{
        width: calc(100% / 5);
    }}
@media (min-width: 320px) and (max-width: 767px){
    .custom-md-2{
        width: 100%;}
    .custom-md-10 {
        width: 100%;}
    .nav-tabs li, .primary-category li{
        float: left;
        width: 50%;}
    .tab-content{
        margin-left: 0;
    }}
@media (min-width: 768px) and (max-width: 1023px){
    .custom-md-2{
        width: 100%;}
    .custom-md-10 {
        width: 100%;}
    .nav-tabs li{
        float: left;
        width: 33.33%;
        font-size: 14px;
        border-bottom: 1px solid #dedede;
    }
    #myTabContent{
        margin-top: 20px;   
    }
    .tab-content{
        margin-left: 0;
    }
    .tab-pane .custom-md-2{
        width: 30%;
        float: left;
        margin-top: 20px;
    }
    .tab-pane .custom-md-10{
        width: 70%;
        float: left;
        margin-top: 20px;
    }}

@media (max-width:767px){
    #search.input-group{
        position: inherit;
    }
    .search-lable{
        right: 0;
    }
    .size-box{
        width: calc(100% / 4);
    }
    .img-size, .text-size{
        width: 100%;
    }
    /*Off canvas menu*/
    .top-cart{
        margin-top: 20px;
    }
    .top-cart li{
        display: inline-block;
        margin-right: 7px;
        margin-bottom: 15px;
    }
    .top-cart{
        margin-left: 15px;
    }
    .navbar-toggle{
        margin-right: 0;
    }
    .offcanvas-stop-scrolling{
        height:100%;
        overflow:hidden}
    .navbar-default .navbar-offcanvas{
        background-color:rgba(0,16,20,1)}
    .navbar-inverse .navbar-offcanvas{
        background-color:#222}
    .navbar-offcanvas{
        position:fixed;
        width:100%;
        max-width:250px;
        left:-250px;
        top:0;
        padding-left:15px;
        padding-right:15px;
        z-index:999;
        overflow:scroll;
        -webkit-overflow-scrolling:touch;
        -webkit-transition:all 0.15s ease-in;
        transition:all 0.15s ease-in}
    .navbar-offcanvas.in{
        box-shadow:0 0 20px rgba(0,0,0,0.3)}
    .navbar-offcanvas.navbar-offcanvas-fade{
        opacity:0}
    .navbar-offcanvas.navbar-offcanvas-fade.in{
        opacity:1}
    .navbar-offcanvas.offcanvas-transform.in{
        -webkit-transform:translateX(250px);
        transform:translateX(250px)}
    .navbar-offcanvas.offcanvas-position.in{
        left:0}
    .navbar-offcanvas.navbar-offcanvas-right{
        left:auto;
        right:-250px}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{
        -webkit-transform:translateX(-250px);
        transform:translateX(-250px)}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{
        left:auto;right:0}
    .navbar-offcanvas .dropdown.active .caret{
        border-top:0;border-bottom:4px solid}
    .navbar-offcanvas .dropdown-menu{
        position:relative;
        width:100%;
        border:inherit;
        box-shadow:none;
        -webkit-transition:height 0.15s ease-in;
        transition:height 0.15s ease-in}
    .navbar-offcanvas .dropdown-menu.shown{
        display:block;
        margin-bottom:10px}
    /**/
    header{
        background: rgba(0,16,20,1);
        position: relative;
        top:0;
        z-index: 9999;
    }
    #slider{
        height: auto;
    }
    #slider li .caption{
        bottom: 55px}
    #slider li .caption img{
        width:50%;}
    .copyrite{ text-align:center;}
    .social-icon { text-align: center; margin:10px 0;}

    .footer-content h1 { margin:10px 0 20px 0; font-size:42px;}

    .footer-content h4 {

        font-size: 15px;

        margin: 10px 0;}

    .footer-bg2{ padding:20px 0 10px 0;}
    .extra-link { text-align:center; margin-top:10px;}
    .btn-outer { text-align:center;}
    .page-spacing{ padding:50px 15px;}

    .duble-line{ margin-bottom:30px;}
    .custom-btn-grazziano.large{
        padding: 10px 30px;
        font-size: 18px;
    }
    #bradcam .col-xs-12{
        text-align: center;
    }
    #bradcam .col-xs-12 .pull-right{
        float: none !important;
    }
    .box{
        padding: 15px;
    }
    .product-remove {
        width: auto;
    }
    .product-name{
        width: 200px;
    }
    .product-price{
        width: 150px;
    }
    .buttons_added{
        width: 105px;
    }
    input,textarea,
    .custom-btn-grazziano{
        margin-bottom: 10px;

    }
    .custom-right{
        float: left;
    }
    .order-code h3,.made,
    .made.right-border.last,
    .made.right-border{
        width: 100%;
        padding: 10px 0;
        border:0;
    }
    .tab-pane .custom-md-2{
        display: table;
        margin-bottom: 15px;
    }
    .tab-pane .custom-md-2,
    .tab-pane .custom-md-10{
        width: 100%;
        float: none;
        padding:0;
    }
    .primary-category li{
        margin: 0;
    }
    .slick-next::before,
    .slick-prev::before{
        display: none;
    }
    .search-lable{
        width: 100%;
    }}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
    .shirt-box{
        width: 60%;
    }
    .made.right-border.last,
    .made.right-border,
    .order-code h3{
        width: 50%;
        float: left;
    }}