* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#gkLeft{
    float: left;
    width: 311px;
    padding-right: 10px;
}
#gkContent {
    width: calc(100% - 311px);
    width: -o-calc(100% - 311px);
    width: -webkit-calc(100% - 311px);
    float:right;
}

#nsp-nsp_78 .nspArt{
    width: 33.333%;
}
#nsp-nsp_78 .nspArt div{
    padding:0 10px 18px 10px;
}
#nsp-nsp_78  .nspArt:nth-of-type(3n+1){
    clear: both;
}
.nspArt img{
    width: 100% !important;
}
#bgWrapLeft{
    width: 990px;
}
#gkTop{
    width: 910px;
  }
#gkLogo img{
    width: 100%;
    height: 90px;
}
#bgWrapLeft {
    background:  url('../images/background_left.png') no-repeat left 0, url('../images/background_right.png') no-repeat right 0;
    padding: 0 40px;
}
#bgWrapRight {
    background: none;
    padding: 0;
    margin: 0;
}
h1#gkLogo{
    float: none;
    height: 90px;
    width: 100%;
}
.navbar-toggle{
    display: none;
}
.navbar-toggle {
    position: absolute;
    right: 15px;
    top: 10px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.menu-btn{
    display: none;
}
.box > h1, .box_text > h1, .box_menu > h1{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1f1f1f;
    height: 32px;
    line-height: 32px;
    background: transparent url('../images/moduletable_header.png') repeat-x 0 0;
    border-bottom: 1px solid #d5d5d5;
    padding: 0;
}
.box > h1 span, .box_text > h1 span, .box_menu > h1 span {
    display: block;
    height: 32px;
    padding: 0 10px;
}
#gkPageTop img{
    width: 100%;
    display: block;
}
.danhmuc{
    display: none;
}
@media (max-width: 991px){
    .danhmuc{
        display: block;
        position: absolute;
        top: 4px;
        right: 50px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: bold;
    }
    div.gk-menu{
        height: 35px;
    }
    h1#gkLogo,#gkLogo img{
        height: 70px;
    }
    .navbar-toggle {
        display: block;
    }
    #gkLeft.gkCol{
        display: block !important;
    }
    .gkSearch{
        margin-top:10px;
    }
    .gkIsWrapper-gk_yourshop .gkIsText h4{
        font-size: 18px !important;
    }
    .gkIsWrapper-gk_yourshop .gkIsText{
        top: auto !important;
        height: auto !important;
        bottom: 0 !important;
        background: rgba(0,0,0,0.5);
    }
    .gkIsWrapper-gk_yourshop{
        width: 100% !important;
    }
    .gkIsWrapper-gk_yourshop .gkIsImage img{
        width: 100% !important;
        height: 200px !important;
    }
    .gkIsWrapper-gk_yourshop .gkIsImage{
        width: 100% !important;
        height: 200px !important;
    }
    #mod-search-searchword{
        width: calc(100% - 35px);
        width: -o-calc(100% - 35px);
        width: -webkit-calc(100% - 35px);
        height: 29px;
    }
    div.gk-menu, div#gkDropMain{
        background: none;
    }
    #gkMenu{
        background: #699813;
        position: relative;
        margin-bottom: 0;
    }
    div.gk-menu > ul > li > a > span,
    div.gk-menu > ul.level0 > li > a{
        color: #FFFFFF;
        font-size: 13px !important;
        height: auto !important;
        line-height: 20px !important;
    }
    div.gk-menu > ul.level0 > li > a{
        padding: 10px 0;
        border-bottom: 1px solid #CCCCCC;
    }
    div.gk-menu > ul.level0 > li{
        display: block;
        float: none;
    }
    div.gk-menu > ul.level0{
        height: auto !important;
    }
    #gkMenu .cate-close {
        display: block;
        position: fixed;
        top: 0;
        left: 270px;
        display: none;
        background: #d12222;
    }
    #gkMenu.act .cate-close {
        display: block;
    }
    .menu-btn {
        display: inline-block;
        vertical-align: middle;
        width: 35px !important;
        height: 35px !important;
        background: #41ae63;
        position: relative;
        z-index: 999;
        margin-top: 0;
        border-radius: 0;
        border: none !important;
    }
    .menu-btn:hover,.menu-btn:focus{
        border: none !important;
    }
    #gkMenu.act > .gk-menu > ul {
        left: 0;
    }
    #gkMenu > .gk-menu > ul {
        padding: 0;
        position: fixed;
        top: 0;
        left: -270px;
        bottom: 0;
        width: 270px;
        overflow-y: auto;
        overflow-x: hidden;
        border-left: none;
        border: none;
        -webkit-box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
        box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.5);
        z-index: 9999;
        background: #699813
    }
    #gkMenu > .gk-menu > ul ul {
        display: none;
        position: static;
        -webkit-transition: none;
        transition: none;
        min-height: auto;
        width: auto;
        border: none;
        opacity: 1;
        pointer-events: all;
    }
    .menu-btn.active i {
        width: auto;
        height: auto;
        border: none;
    }
    div.gk-menu > ul > li.active:first-child > a, div.gk-menu > ul > li:hover:first-child > a, div#gkDropMain > ul > li.active:first-child > a, div#gkDropMain > ul > li:hover:first-child > a{
        background: #e6bf06;
        color: #FFFFFF;
    }
    .menu-btn.active i::before {

        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);

    }
    .menu-btn.active i::after, .menu-btn.active i::before {

        content: '';
        display: block;
        margin: auto;
        width: 17px;
        border-bottom: solid 2px #fff;

    }
    .menu-btn.active i::after {

        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px;

    }
    div.gk-menu > ul > li.last:hover > a > span, div.gk-menu > ul > li.last.active > a > span, div.gk-menu > ul > li.active > a > span, div.gk-menu > ul > li:hover > a > span, div#gkDropMain > ul > li.last:hover > a > span, div#gkDropMain > ul > li.last.active > a > span, div#gkDropMain > ul > li.active > a > span, div#gkDropMain > ul > li:hover > a > span{
        background: none !important;
    }
    div.gk-menu > ul > li.active > a, div.gk-menu > ul > li:hover > a, div#gkDropMain > ul > li.active > a, div#gkDropMain > ul > li:hover > a,
    div.gk-menu li:hover + li.active > a, div.gk-menu li.active + li:hover > a, div#gkDropMain li:hover + li.active > a, div#gkDropMain li.active + li:hover > a{
        background: none !important;
        color: #e6bf06;
    }
    .navbar-toggle{
        display: block;
    }
    #bgWrapRight{
        margin-right: 0 !important;
    }
    #gkTop1, #gkTop2, #gkUser1, #gkUser2, #gkBottom1, #gkBottom2, #gkMainBlock, #gkLeftMiddle, #gkRightMiddle, #gkHeader{
        display: block;
    }

    #gkHeaderModule2{
        width: 100% !important;
        float: none !important;
    }
    #gkHeaderModule1{
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }
    #gkLeft{
        float: none;
        width: 100%;
        padding-right: 0 !important;
    }
    #gkContent {
        float: none;
        width: 100%;
        padding-right: 0;
    }
}
@media  (max-width: 991px) and (min-width: 768px) {
    #bgWrapLeft{
        width: 750px !important;
    }
    #gkTop{
        width: 670px;
    }
}
@media (max-width: 767px){
    textarea.customer-comment{
        width: 100%;
    }
    .billto-shipto .width50{
        width: 100%;
        margin-bottom: 10px;
    }
    #nsp-nsp_77 .nspArt img{
        height: auto !important;
    }
    #nsp-nsp_77 .nspArt{
        width: 100%;
    }
    .contact #jform_contact_emailmsg, #jform_contact_email, #jform_contact_name, #jform_contact_message{
        width: 100%;
    }
    .contact-form dd{
        margin-bottom: 10px;
    }
    .quantity-controls{
        display: none;
    }
    .gkDetails .floatleft .spacer-buy-area{
        padding-left: 0 !important;
        margin-top: 10px;
    }
    .gkDetails .floatleft{
         padding: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .gkDetails .floatleft .main-image img{
        width: 100% !important;

    }
    .gkDetails .floatleft .main-image{
        margin: 0;
        padding: 0;
        border: none;
        float: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    .gkDetails{
        margin-top: 0 !important;
    }

    .productdetails-view h1{
        font-size: 25px;
    }
    .width33 .browseProductImage{
        width: 100%;
    }
    .horizontal-separator{
        margin: 0 !important;
    }
    .width33{
        width: 100%;
        border-top: 1px solid #ddd;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #gkComponent{
        padding: 10px !important;
    }
    #nsp-nsp_76 img{
        height: auto !important;
    }
    .gkColLeft > .box,
    .gkColRight > .box,
    .gkColCenter > .box{
        margin: 0 !important;
    }
    #bgWrapLeft, #bgWrapRight, #gkWrap1, #gkWrap2, #gkWrap3, #gkTop,
    #bgWrapLeft, #bgWrapRight, #gkWrap1, #gkWrap2, #gkWrap3, #gkTop{
        width: 100% !important;
        padding: 0;
    }
    img{
        max-width: 100% !important;
    }
    #nsp-nsp_78 .nspArt{
        width: 50%;
    }
    #nsp-nsp_78  .nspArt div{
        padding:0 0 18px 6px;
    }
    #nsp-nsp_78 .nspArt:nth-of-type(3n+1){
        clear: none;
    }
    #nsp-nsp_78  .nspArt:nth-of-type(2n+1){
        clear: both;
    }
    #gkbottombottom1,
    #gkbottombottom2,
    #gkbottombottom3,
    #gkuseruser1,
    #gkuseruser2,
    #gkuseruser3{
        margin-bottom: 10px;
    }
    #gkbottombottom1,
    #gkbottombottom2,
    #gkbottombottom3,
    #gkbottombottom4,
    #gkuseruser1,
    #gkuseruser2,
    #gkuseruser3,
    #gkuseruser4{
        width: 100% !important;
    }
    #nsp-nsp_75 .nspArt img{
        width: 100% !important;
        height: auto !important;
    }
    .vmgroup div.spacer a{
        width: auto !important;
    }
    #bgWrapLeft{
        background: none;
    }
    .gkCol{
        display: block;
    }
    #gkContent{
        padding: 0 10px !important;
        margin-top: 10px !important;
    }
    #gkHeaderModule1,#gkLeft,#gkWrap3,#gkUser1{
        padding: 0 10px !important;
    }
    .productdetails-view .gkProductTab, #ui-tabs .tabs{
        border: none !important;
        padding: 0 !important;
    }
}