/* PC  */
/* Document level adjustments */

@media (max-width: 1024px) {
    a.kitbutton, button.kitbutton {
        font-size: 16px;
        white-space: normal;
        min-width: 150px;
        padding: 5px 10px 5px 5px;
    }
    .catheader {
        /*font-size: 1rem;*/
        /*font-family: sans-serif;*/
    }
    .kits h5 a {
        /*font-size: 0.6rem;*/
        /*font-family: sans-serif;*/
    }
    .casecolors ul {
        margin-left: 3px;
    }
    .casecolors ul li {
        width: 49.5%;
        margin-bottom: 2px;
        margin-right: 0px;
    }
}

@media (max-width: 1007px) {
    #submenu-support .section-box {
        width: 15.7%;
    }
    #submenu-support .sub-top-bar-section li.section-box a:not(.button) {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 908px) {
    #submenu-support .section-box {
        width: 15%;
    }
    #submenu-support .sub-top-bar-section li.section-box a:not(.button) {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 845px) {
    .section-box {
        width: 18.9%;
    }
    #submenu-support .section-box {
        width: 30%;
        margin-bottom: 10px

    }
    #submenu-support .sub-top-bar-section li.section-box a:not(.button) {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 799px) {
    #specscolumn .tabs dd > a  {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 773px) {
    .section-box {
        width: 18.5%;
    }
    .sub-top-bar-section li.section-box a:not(.button) {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 640px) {
    .ls-fixed  {
        width: 19.7%;
    }
    /*.catheader {
        font-family: sans-serif;
        font-size: 1.3rem;
        
    }
    .kits h5 a {
        font-family: sans-serif;
        font-size: 1rem;
    }*/
}

@media (max-width: 511px) {
    #specscolumn .tabs dd  {
        width: 100%;
    }
}

/*@media (max-width: 455px) {
    .catheader {
        font-size: 1.3rem
    }
    .kits h5 a {
        font-size: 0.8rem;
    }
}*/

/* styles for mobile browsers smaller than 480px; (iPhone) */
/*@media only screen and (max-device-width:480px){
       
}*/

/* default iPad screens */
@media only screen and (device-width:768px){
   
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}