/**
* Theme Name: Master
* Theme URI: http://trumcode.com/themes/master
* Author: Mai Ba Duy
* Author URI: http://trumcode.com
* Description: ...
* Version: 1.0
* License: GNU General Public License
*/

// wide-lg
// wide-md
// wrap-lg
// wrap-md

/*.wrapbox {box-shadow: 0 0 2px red}*/
/*.wrapper-box {box-shadow: 0 0 2px blue}*/


body {position: relative; width: 100%}

.full {width:100% !important}

.wrapper-outer,
.wrapper-inner {position: relative; width: 100%}
.wrapper-outer,
.wrapper {overflow: hidden}
.wrapper {z-index: 2}

.wrapper,
.wrapbox {margin: 0 auto}
.wrapper-dks,
.wrapper-nav {margin: 0 auto}
.wrapper-box,
.dks-contents {padding: 0 10px; position: relative}



/*.dks-top     .wrapper-box,*/
/*.dks-headA .wrapper-box,
.dks-headB .wrapper-box,
.dks-sldeW .wrapper-box,
.dks-sldeF .wrapper-box,
.dks-footF .wrapper-box,
.dks-footW .wrapper-box {padding: 0}*/

//.wide-lg .dks-naviA .wrapper-nav,
//.wide-md .dks-naviA .wrapper-nav
.wide-lg .dks-headA .wrapper-dks,
.wide-md .dks-headA .wrapper-dks {padding: 0 10px}

.wrapbox,
.dks-menuA, .dks-headA, .dks-naviA, .dks-actiA, .dks-sldeA, .dks-sldeW,
.dks-menuB, .dks-headB, .dks-naviB, .dks-actiB, .dks-sldeB, .dks-sldeF,
.dks-bodyA, .dks-bodyB, .dks-bodyC, .dks-bodyD, .dks-bodyE, .dks-bodyF,
.dks-bodyG, .dks-bodyH, .dks-bodyI, .dks-bodyJ, .dks-bodyK, .dks-bodyL,
    /*.dks-sideA, .dks-sideB,*/
    /*.dks-contA, .dks-contB,*/
    /*.dks-main,*/
.dks-mainA, .dks-mainB, .dks-mainC, .dks-mainD,
.dks-footA, .dks-footF, .dks-footE, .dks-footW,
.dks-packA, /*.dks-packA1, .dks-packA2, .dks-packA3, .dks-packA4,*/
.dks-packB /*.dks-packB1, .dks-packB2, .dks-packB3, .dks-packB4,*/
{clear: both}

.dks-sldeW .wrapper-box > .row > .col-md-12,
.dks-sldeF .wrapper-box > .row > .col-md-12 {padding-left: 0; padding-right: 0}

.dks-naviF {float:right}
.dks-naviF .bxWidget {min-height:35px}

[class^="dks-"] {position:relative}
//[class^="dks-"] {position:relative; z-index:0}
[class^="dks-"]:before {z-index:-2}
[class^="dks-"]:after {z-index:-1}
[class^="dks-"]:before,
[class^="dks-"]:after {position:absolute; top:0; left:0; height:100%; width:100%; content:""}

.dks-main {padding-top: 10px}
//.dks-contA,
.dks-contB,
.dks-sideA,
.dks-sideB {padding-top: 10px}
.dks-sldeW {overflow: hidden}

/*#dkp-home .dks-contA,
#dkp-home .dks-contB,
#dkp-home .dks-sideA,
#dkp-home .dks-sideB {padding-top: 0}*/

/*=== XỬ LÝ WIDGET FULL MÀN HÌNH ===*/
.dk-wide-box .dks-menuA .wrapper-dks,
.dk-wide-box .dks-naviA .wrapper-dks,
.dk-wide-box .dks-sldeW .wrapper-dks,
.dk-full-section .container,
.dk-full-section .wrapper-dks,
      .dks-actiA .wrapper-dks {
    width: 100% !important;
}
.dk-full-section .dk-widget-cw,
      .dks-actiA .dk-widget-cw {
    margin-left: auto;
    margin-right: auto;
}
.dk-full-section .dk-widget-cw {
    width: 100%;
}
.dks-actiA .dk-widget {
    padding-left: 0;
    padding-right: 0;
}

/*.dk-full-section .wrapper-box,*/
.dk-full-widget[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}


@media (max-width: 768px) {
    //.wrapper-box {overflow: hidden}

    .wide-lg .dks-naviA .wrapper-nav,
    .wide-lg .dks-headA .wrapper-dks,
    .wide-md .dks-naviA .wrapper-nav,
    .wide-md .dks-headA .wrapper-dks {padding: 0}

    //.dks-naviF {float:none}
}

@media (min-width: 768px) {
    .dks-contB,
    .dks-sideA,
    .dks-sideB {min-height:500px}

    .dk-wrap-box .wrapbox,

    .wrap-lg .wrapper,
    .wrap-md .wrapper,

    .wrap-lg .wrapbox,
    .wrap-lg .wrapper-dks,
    .wrap-md .wrapbox,
    .wrap-md .wrapper-dks,

    .wide-lg .wrapper-dks,
    .wide-md .wrapper-dks,

    .wide-lg .dks-menuA .wrapper-nav,
    .wide-md .dks-menuA .wrapper-nav,
    .wide-lg .dks-naviA .wrapper-nav,
    .wide-md .dks-naviA .wrapper-nav {width: 750px}

    .dk-full-section .dk-widget-cw,
          .dks-actiA .dk-widget-cw {width: 750px}
}

@media (min-width: 992px) {
    .dk-wrap-box .wrapbox,

    .wrap-lg .wrapper,
    .wrap-md .wrapper,

    .wrap-lg .wrapbox,
    .wrap-lg .wrapper-dks,
    .wrap-md .wrapbox,
    .wrap-md .wrapper-dks,

    .wide-lg .wrapper-dks,
    .wide-md .wrapper-dks,

    .wide-lg .dks-menuA .wrapper-nav,
    .wide-md .dks-menuA .wrapper-nav,
    .wide-lg .dks-naviA .wrapper-nav,
    .wide-md .dks-naviA .wrapper-nav  {width: 970px}

    .dk-full-section .dk-widget-cw,
          .dks-actiA .dk-widget-cw {width: 970px}

    .dk-bxs-left .dks-sideA {float:left}
    .dk-bxs-left .dks-main {float:right}

    .dk-bxs-right .dks-sideB {float:right}
}

@media (min-width: 1200px) {
    .wide-lg.dk-wrap-box .wrapbox,

    .wrap-lg .wrapper,
    .wrap-lg .wrapbox,
    .wrap-lg .wrapper-dks,
    .wide-lg .wrapper-dks,

    .wrap-lg .dks-menuA .wrapper-nav,
    .wide-lg .dks-menuA .wrapper-nav,
    .wrap-lg .dks-naviA .wrapper-nav,
    .wide-lg .dks-naviA .wrapper-nav {width: 1160px}
    .dk-full-section .dk-widget-cw,
          .dks-actiA .dk-widget-cw {width: 1160px}


    .wide-md.dk-wrap-box .wrapbox,

    .wrap-md .wrapper,
    .wrap-md .wrapbox,
    .wrap-md .wrapper-dks,
    .wide-md .wrapper-dks,

    .wrap-md .dks-menuA .wrapper-nav,
    .wide-md .dks-menuA .wrapper-nav,
    .wrap-md .dks-naviA .wrapper-nav,
    .wide-md .dks-naviA .wrapper-nav,

    .wrap-md .dk-full-section .dk-widget-cw,
    .wide-md .dk-full-section .dk-widget-cw,
    .wide-md       .dks-actiA .dk-widget-cw {width: 970px}
}