@media screen and (max-width: 1200px) {
    header > nav > .container > ul {
        font-size: 15px;
    }
    header > nav > .container > ul li {
        padding: 0 8px;
    }
    .container.split-flex {
        flex-direction: column;
        -webkit-flex-direction: column;
    }	
}
@media screen and (max-width: 992px) {
    header > nav > .container ul {
        display: none;
    }    header > nav > .container .mobile-nav {
        display: inline-block;
    }
    section#twitter div.tw-bg {
        flex-direction: column;
        -webkit-flex-direction: column;
        height: initial;
        text-align: center;
    }
    section#twitter div.tw-bg article.left {
        max-width: initial;
    }
    section#twitter div.tw-bg article.left h3 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 25px;
    }
    section#twitter div.tw-bg article.left h3:after {
        display: none;
    }
    section#twitter div.tw-bg article.left p {
        margin-top: 30px;
    }
    section#twitter div.tw-bg article.left a.twitter {
        width: initial;
        height: initial;
        display: inline-block;
        padding: 15px 22px 8px;
    }
    section#twitter div.tw-bg article.right {
        margin: 69px 0 0;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
    }
    header > nav > .container > div.logo.bg:after {
        width: 390px;
    }
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    section#twitter div.tw-bg iframe {
        width: 90% !important;
        height: 45vw !important;
    }
    section#twitter {
        padding: 0 15px;
    }
}
@media screen and (max-width: 615px) {

}
@media screen and (max-width: 460px) {
    header > nav > .container .mobile-nav {
        display: none;
    }
    header > nav > .container div.logo {
        margin: 0 auto;
        float: none;
    }

    header div.topbar a:not(:last-child),
    header div.topbar a.last{
        margin-right: 15px !important;
    }
    header div.topbar .container {
        text-align: left;
    }
    header div.topbar .mobile-nav {
        display: inline-block;
        padding: 10px 14px;
        margin: 10px 0;
        border: 0;
    }
	
table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none;}
table.ShopCart thead { display: none; }	
.CartInfo tbody .btn-success { float:right;}
.CartInfo tbody .productd div { float:left;}
	
}
@media screen and (max-width: 395px) {
    header > nav > .container > div.logo.bg:after {
        width: 330px;
        background-size: cover;
    }
table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none; color:#222;}
table.ShopCart thead { display: none; }	
.CartInfo tbody .btn-success { float:right;}
.CartInfo tbody .productd div { float:left;}	
}
@media screen and (max-width: 320px) {


}