@media (min-width:1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width:1199px) {
    .lfcanvas {
        height: 650px;
    }
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 690px;
    }
}

@media (min-width:991px) and (max-width:1200px) {}

@media (max-width:1200px) {}

@media (max-width:1195px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 687px;
    }
    #uniform .item a,
    #short .item a,
    #collar .item a,
    #quicklogo .item a {
        background-size: 75%;
    }
}

@media (max-width:1190px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 684px;
    }
}

@media (max-width:1185px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 681px;
    }
}

@media (max-width:1180px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 679px;
    }
}

@media (max-width:1175px) {
    .lfcanvas {
        height: 630px;
    }
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 675px;
    }
}

@media (max-width:1170px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 672px;
    }
}

@media (max-width:1165px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 669px;
    }
}

@media (max-width:1160px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 665px;
    }
}

@media (max-width:1155px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 662px;
    }
}

@media (max-width:1150px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 658px;
    }
}

@media (max-width:1145px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 655px;
    }
}

@media (max-width:1140px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 652px;
    }
}

@media (max-width:1136px) {
    .lfcanvas {
        height: 610px;
    }
}

@media (max-width:1135px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 649px;
    }
}

@media (max-width:1130px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 646px;
    }
}

@media (max-width:1125px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 642px;
    }
}

@media (max-width:1120px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 639px;
    }
}

@media (max-width:1115px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 637px;
    }
}

@media (max-width:1110px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 633px;
    }
}

@media (max-width:1105px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 630px;
    }
}

@media (max-width:1100px) {
    .lfcanvas {
        height: 590px;
    }
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 626px;
    }
}

@media (max-width:1095px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 624px;
    }
}

@media (max-width:1090px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 620px;
    }
}

@media (max-width:1085px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 617px;
    }
}

@media (max-width:1080px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 614px;
    }
}

@media (max-width:1075px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 610px;
    }
}

@media (max-width:1070px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 606px;
    }
}

@media (max-width:1065px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 604px;
    }
}

@media (max-width:1060px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 601px;
    }
}

@media (max-width:1055px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 598px;
    }
    #colorpicker .mycircle.selected:after {
        right: -3px !important;
    }
}

@media (max-width:1050px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 594px;
    }
}

@media (max-width:1045px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 592px;
    }
}

@media (max-width:1040px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 588px;
    }
}

@media (max-width:1036px) {
    .section_container {
        background-color: rgba(255, 255, 255, 0.8);
    }
    .lfcanvas {
        height: 550px;
    }
}

@media (max-width:1035px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 585px;
    }
}

@media (max-width:1030px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 581px;
    }
}

@media (max-width:1025px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 579px;
    }
}

@media (max-width:1020px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 575px;
    }
}

@media (max-width:1015px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 572px;
    }
}

@media (max-width:1010px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 569px;
    }
}

@media (max-width:1005px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 566px;
    }
}

@media (max-width:1000px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 562px;
    }
}

@media (max-width:995px) {
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 560px;
    }
}

@media (max-width:991px) {
    .navbar_mobile .navbar_logo img {
        max-height: 180px;
    }
    #demo .owl-buttons {
        display: none;
    }
    .lfcanvas {
        width: 455px;
        margin-top: 30px;
        height: 545px
    }
    .lfcanvas .fy1,
    .lfcanvas .fy2,
    .lfcanvas .fy3,
    .lfcanvas .fybase {
        height: 582px;
    }
    .formbuttons {
        position: absolute;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .maincontainer {
        padding: 15px 0;
    }
    .lfslider .slider {
        width: 100%;
    }
    #lf {
        margin-bottom: 45px;
        padding-left: 0;
        padding-right: 0;
    }
    #uniform .item a {
        min-height: 100px;
        background-size: 50%;
    }
    #short .item a {
        min-height: 115px;
    }
}

@media (max-width:870px) {}

@media (max-width:862px) {}

@media (max-width:849px) {
    .page .page_content {
        margin-top: -9%;
    }
}

@media (max-width:767px) {
    .section_container {
        background-image: url('../img/section_bg.png');
        background-position: bottom left;
        background-repeat: repeat-x;
        padding: 0;
    }
    #demo .owl-carousel .owl-wrapper {
        margin-top: 50px;
    }
    #demo .owl-item img.hidden-lg.hidden-md {
        width: 100%;
    }
    #accessory .container.col-lg-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #accessory .container.col-lg-7 {
        padding-left: 60px !important;
        padding-right: 0px !important;
    }
    .cartCon .main_area .container.npl.col-lg-9 {
        padding-right: 0px !important;
    }
    #cart_form .container.npl,
    #cart_form .container.npr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #collar .item a {
        min-height: 90px;
        background-size: 45%;
    }
    #overlay .thumbnail {
        position: relative;
    }
    #overlay #slider-thumbs .thumbnail.selected:after {
        right: -10px !important;
        top: -10px !important;
    }
}

@media (max-width:540px) {
    .lfcanvas {
        position: relative;
        left: calc(50% - 227.5px);
    }
    #uniform .item a {
        background-size: 55%;
    }
    .cnmbox {
        width: 12.45% !important;
    }
}

@media (max-width:500px) {
    #uniform .item a {
        background-size: 45%;
    }
}

@media (max-width:479px) {
    .qty .minus,
    .qty .count,
    .qty .plus {
        display: block;
    }
    #accessory .item a {
        min-height: 105px;
    }
    #accessory .container.col-lg-7 {
        padding-left: 90px !important;
    }
    .qty {
        text-align: -webkit-right;
    }
    #rg .nav-tabs>li a {
        padding: 10px 5px;
    }
    #collar .item a {
        background-size: 55%;
    }
    .cnmbox {
        width: 16.5% !important;
    }
}

@media (max-width:440px) {
    .bubble,
    .bubble1,
    .bubble2,
    .bubble3 {
        -moz-transform: scale(1.8);
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }
    #uniform .item a {
        min-height: 100px;
        background-size: 55%;
    }
    #short .item a {
        min-height: 110px;
    }
}

@media (max-width:400px) {
    .bubble,
    .bubble1,
    .bubble2,
    .bubble3 {
        -moz-transform: scale(1.6);
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    .cnmbox {
        width: 20% !important;
    }
}

@media (max-width:375px) {
    #short .item a {
        min-height: 95px;
    }
    #collar .item a {
        min-height: 80px;
        background-size: 65%;
    }
}

@media (max-width:374px) {
    #uniform .item a,
    #short .item a {
        background-size: 32%;
    }
}

@media (max-width:360px) {
    .bubble,
    .bubble1,
    .bubble2,
    .bubble3 {
        -moz-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
    .cnmbox {
        width: 24.8% !important;
    }
}

@media (max-width:325px) {
    .bubble,
    .bubble1,
    .bubble2,
    .bubble3 {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    #uniform .item a,
    #short .item a {
        min-height: 80px;
        background-size: 100%;
    }
}