@media screen and (max-width:990px) {
    div.category_description {
        float: none;
        width: 100%;
        margin: 10px 0px;
    }
}

@media screen and (max-width:1024px) {
    body {
        max-width: 1024px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    #header {}
    #topPanel {}
    #mainMenu {
        padding: 0 10px;
    }
    #component {}
    #bottomPanel {}
    #footer {}
    ul.newsflash-horiz li:nth-child(3) {
        display: none;
    }
    ul.newsflash-horiz li {
        width: 45%;
        margin: 0 2%;
    }
    .newsflashImage {
        width: 100%;
        background-size: cover!important;
    }
    /* ul.menu>li:last-child, */
    #basket {
        display: none;
    }
    ul.menu {
        padding: 0px
    }
    ul.menu li>ul li a {
        padding: 0px 25px;
    }
    #slidefront {
        left: 0!important;
        margin-left: 0px!important;
    }
    #slidebackground {
        display: none!important;
    }
    .condolence {
        width: 42%!important;
    }
    .page-wrapper,
    .page {
        width: 240px!important;
        height: 190px!important;
    }
    /*.flipbook {width: 480px!important; height: 190px!important;}
#viewSketchbook {height: 190px;}
.flipbook-viewport .flipbook {left: -240px; top: -90px;}*/
}

@media screen and (max-width:800px) {
    body {
        max-width: 800px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .videoWrapper iframe {
        width: 100%;
        height: 410px;
        !important
    }
    .aboutvideos p {
        width: 100%
    }
    div#headsocials {
        right: 75px;
    }
    #header {
        max-width: 770px;
        padding: 0px 15px;
    }
    #topPanelGroup {
        min-height: 0px;
    }
    #topPanel {
        max-width: 770px;
        padding: 0px 15px;
    }
    #mainMenuGroup {
        position: absolute;
    }
    #search {
        display: none;
    }
    #contentGroup {
        top: 0px
    }
    #content {
        max-width: 770px;
        padding: 50px 15px 20px;
    }
    #component {}
    #bottomPanel {
        max-width: 770px;
        padding: 30px 15px;
    }
    #footer {
        max-width: 770px;
        padding: 0px 15px;
    }
    #socials {
        padding-top: 20px;
    }
    #menuBG,
    #spring,
    ul.menu {
        display: none;
    }
    #mobilemenu {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 900;
    }
    #mainMenu {
        padding: 0px;
        height: 1000px;
        position: relative;
    }
    ul.menu {
        margin: 0px;
        padding: 20px 0px 0px 0px;
        background: #6B645C;
        position: absolute;
        top: 120px;
        width: 100%;
        height: 100%;
        z-index: 900;
        list-style-type: square;
        border-bottom: 5000px solid #6B645C;
    }
    ul.menu li>ul {
        display: block;
        position: inherit;
        width: 100%;
    }
    ul.menu li {
        margin: 0px;
        padding: 15px 0px;
        border-bottom: 1px solid #999;
        width: 80%;
        text-align: left;
        line-height: 30px;
    }
    ul.menu li.active {
        line-height: 30px;
        height: auto;
    }
    ul.menu>li.active a {
        height: auto;
        background: transparent;
        line-height: 30px;
        color: #f90;
    }
    ul.menu li a {
        height: auto;
        line-height: 30px;
        font: normal 22px/1em Georgia, sans-serif;
        color: #fff;
        font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
    }
    ul.menu li>ul>li {
        border-bottom: none;
        padding: 10px 0px 10px 30px;
    }
    ul.menu li>ul li a {
        height: auto!important;
        line-height: 30px!important;
        color: #ddd !important;
    }
    ul#spring>li>a,
    ul#spring>li.active>a {
        pointer-events: none;
    }
    #com-form-login-username,
    #com-form-login-password,
    #com-form-login-remember {
        width: 40%;
    }
    .condolence {
        width: 39%!important;
    }
    div.contact-form input[type="text"],
    div.contact-form input[type="email"],
    div.contact-form textarea {
        width: 400px!important;
    }
    div.blogex .img-intro-right {
        float: none;
        margin: 0 auto 30px;
    }
}

@media screen and (max-width:700px) {
    .row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto auto auto auto auto;
        -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
    .left-1 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 2;
        -ms-grid-row: 2;
    }
    .right-1 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 1;
        -ms-grid-row: 1;
    }
    .left-2 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 4;
        -ms-grid-row: 4;
    }
    .right-2 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 3;
        -ms-grid-row: 3;
    }
    .left-3 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 6;
        -ms-grid-row: 6;
    }
    .right-3 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 5;
        -ms-grid-row: 5;
    }
    .left-4 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 8;
        -ms-grid-row: 8;
    }
    .right-4 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 7;
        -ms-grid-row: 7;
    }
    .left-5 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 10;
        -ms-grid-row: 10;
    }
    .right-5 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 9;
        -ms-grid-row: 9;
    }
    .left-6 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 12;
        -ms-grid-row: 12;
    }
    .right-6 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 11;
        -ms-grid-row: 11;
    }
    .left-7 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 14;
        -ms-grid-row: 14;
    }
    .right-7 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 13;
        -ms-grid-row: 13;
    }
    .left-8 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 16;
        -ms-grid-row: 16;
    }
    .right-8 {
        grid-column: 1;
        -ms-grid-column: 1;
        grid-row: 15;
        -ms-grid-row: 15;
    }
}

@media screen and (max-width:600px) {
    .videoWrapper iframe {
        height: 320px;
        !important
    }
    body {
        line-height: 1.75em;
    }
    .large_img {
        max-width: 600px;
        width: 100%!important;
        height: auto!important;
    }
    #logo {
        top: 18px;
        z-index: 800;
    }
    #logo img {
        width: 80%;
    }
    #socials {
        float: none;
        padding: 20px 0px 0px 20px;
    }
    .img-fulltext-right {
        display: none;
    }
    ul.newsflash-horiz li:nth-child(2),
    ul.newsflash-horiz li:nth-child(3) {
        display: none;
    }
    ul.newsflash-horiz li {
        width: 80%;
        margin: 0 10%;
    }
    div.items-leading h2 {
        clear: both;
    }
    .cart-summary>tbody>tr>th:first-child,
    .cart-summary tr.sectiontableentry1 td:first-child,
    .cart-summary tr.sectiontableentry2 td:first-child {
        display: none;
    }
    .vm-button-correct {
        max-height: 50px!important;
        padding: 8px 10px!important;
        width: 140px!important;
    }
    div.contact-form form fieldset {
        padding: 10px;
    }
    div.contact-form input[type="text"],
    div.contact-form input[type="email"],
    div.contact-form textarea {
        width: 300px!important;
    }
    table.user-details input[type="text"] {
        width: 160px;
    }
    #virtuemart_country_id,
    #virtuemart_state_id {
        width: 200px;
    }
    #com-form-login-username,
    #com-form-login-password,
    #com-form-login-remember {
        width: 60%;
    }
    .condolence {
        width: 90%!important;
        padding: 0px 10px!important;
    }
    #productLeftSide {
        width: 100%!important;
    }
    #productRightSide {
        float: none!important;
        width: 90%!important;
    }
    /*#viewSketchbook {display:none;}*/
}

@media screen and (max-width:550px) {
    div#headsocials {
        display: none;
    }
    .videoWrapper iframe {
        height: 290px;
        !important
    }
}

@media screen and (max-width:400px) {
    #slideshow {
        display: none;
    }
    .videoWrapper iframe {
        height: 210px;
        !important
    }
    body {
        max-width: 400px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    #header {
        max-width: 380px;
        padding: 0px 10px;
    }
    #topPanel {
        max-width: 380px;
        padding: 0px 10px;
    }
    #content {
        max-width: 380px;
        padding: 30px 10px 0px;
    }
    #component {}
    #bottomPanel {
        max-width: 380px;
        padding: 20px 10px;
    }
    #footer {
        max-width: 380px;
        padding: 0px 10px;
    }
    #socials {
        float: none;
        padding: 20px 0px 0px 0px;
    }
    #socials img {
        width: 35px;
    }
    #boilerplate {
        margin: 20px 0px 0px 0px;
    }
    ul.newsflash-horiz li {
        width: 90%;
        margin: 0 5%;
    }
    div.contact-form input[type="text"],
    div.contact-form input[type="email"],
    div.contact-form textarea {
        width: 250px!important;
    }
    div.cart-view fieldset td {
        font-size: 14px;
    }
    table.cart-summary .PricesalesPrice {
        font-size: 18px;
    }
    #socials {
        padding: 20px 0px 0px 15px;
    }
    #footerMenu {
        padding: 20px 0px 0px 0px;
    }
}