@media all and ( max-width: 1024px ) {
    #panelOrderNow {
        width: 40%;
    }
    p#freeShipping {   
        left: 280px;
    }
    .searchWrapper {
        margin-top: 10px;
    }
    #searchText {

    }
    #searchBox {
        margin-top: 0;
    }
}
@media all and ( max-width: 1000px ) {
    .contentWrapper {	
            width: 100%;
    }
    .contentNav ul li a {
            width: 80%;
    }
    .mainNav {
            margin-right: 0;
    }
}
@media all and ( max-width: 940px ) {
    #header
    {
        padding-bottom: 20px;
    }
    .headerImageLogo {
        width: 100%;
        text-align: center;
    }
    .headerContent {
        width: 100%;
    }
    .headerContentTop {
        height: auto;
    }
    .headerBanner {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }
    .headerBanner h1 {
        margin: 0 0 8px;
    }
    .headerBanner h2 {
        margin: 0;
    }
    .accountNav {
        width: 100%;
        margin: auto;
        top: 240px;
    }
    .accountNav ul {
        -webkit-padding-start: 0;
        height: auto;
        text-align: center;
        display: table;
        float: right;
    }
    #panelOrderNow {        
        float: right;
        width: 97%;
        position: static;
    }
    .headerContentBottom {
        float: left;
        width: 100%;
top: 60px;
    }
    .mainNav {
        padding: 0;
		width: 100%;
    }
    .mainNav .ulMenu1 {
        display: none;
    }    
    .mainNav select#siteNav {
        display: inline-block !important;
        width: 100%; 
        height: 30px;      
        padding: 4px 5px 0;
        background: #d7ebf7;
        color: #7f4293;
        font-size: 14px;
        font-weight: bold;
        vertical-align: middle;     
        cursor: pointer;
        border: none;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }    
    .mainNav select#siteNav option {
        font-size: 14px;
        font-weight: bold;
    }
    #searchBox {
        margin-top: 5px;
    }
    .shippingInfo {
        width: 100%;
    }
    .billingInfo {
        width: 100%;
    }
    .searchWrapper {
        margin-top: 10px;
        margin-bottom: 30px;
        width: 100%;
    }
    #searchText {
        width: 97%;
    }
	
    p#freeShipping {   
        left: 65%;
    }
}
@media all and ( max-width: 930px ) {
    .menuItem {
        width: 221px;
    }
    .articleTitle {
            margin-left: 10px;
    }
    .articleDesc {
            margin-left: 10px;
    }
    #contentLogoCalEZ, #contentNav {
            float: none;
            width: 100%;
            text-align: center;
    }
    .contentBanner {
         text-align: center;
    }
}

@media all and ( max-width: 900px ) {
    .iconCaption {
        font-size: 13px;
    }
}

@media all and ( max-width: 870px ) {
    .purpleTabs {
        font-size: 14px;
    }
    .articleImg {
            float: left;
            position: static;
            padding-right: 10px;
    }
    .pTop {
            width: 100%;
    }
    .contentBodyLeft {
            width: 100%;
    }
    .articleSide, .articleSideContent {
            width: 99%;
    }
    .contentBodyRight {
            float: left;
            width: 100%;
            padding-top: 0;
            margin-bottom: 10px;
    }
    #contentImg {
            position: static;
            margin-top: 10px;
    }
    .p1 {
            width: 98%;
    }
    .footerBottomRight {
            float: none;
            width: 100%;
            text-align: center;
    }
    .footerBottomLeft {
            width: 100%;
    }
    .searchWrapper {
            width: 100%;
    }
}
@media all and ( max-width: 768px ) {
    .purpleTabs {
        font-size: 12px;
        height: 40px;
    }
    .bottomLinks .iconLinks {
        width: 100%;
    }
    
    .iconCaption {
        font-size: 11px;
    }
}
@media all and ( max-width: 720px ) {
    .contentBottomLeft {
        float: left;
        width: 100%;
    }
    .bottomMenu {
        float: left;
        text-align: center;
    }
    .menuItem {
        float: none;
        display: inline-block;
        width: 218px;
        margin-bottom: 5px;
    }
    .menuItem:last-child {
        margin: 0;
    }
    .bottomLinks {
        margin: 15px 0 0;
    }
    .bottomLinksWrapper {
        width: 218px;
        margin: 0 auto;
    }
    .linkIconPanel {
        float: left;
        padding: 0;
    }
    .iconLinks {
        margin: 0 0 10px;
    }
    .linkPanel {
        float: right;
    }
    .linkPanel .links {  
        float: right;      
        margin: 0 0 25px;
        padding: 0;
        clear: both;
    }
    .linkPanel .links:last-child {
        margin-bottom: 0;
    }
    .contentBottomRight {
        float: left;
        width: 100%;
        text-align: center;
    }
    .searchWrapper {
            width: 100%;
    }
}
@media all and ( max-width: 640px ) {
    .purpleTabs {
        font-size: 11px;
        height: 30px;
    }
    .searchWrapper {
           width: 100%;
    }
}
@media all and ( max-width: 495px ) {
    .contentBanner {
        padding: 20px 10px;
    }
    .contentBanner img {
        width: 100%;
    }
}
@media all and ( max-width: 480px ) {
    .purpleTabs {
        font-size: 7px;
        height: 15px;
    }
    .navIcon {
            float: none;
            width: 100%;
            text-align: center;
    }
    .searchWrapper {
           width: 100%;
    }
}
@media all and ( max-width: 460px ) {
    #orders .order-detail.box {
        width: 100%;
    }
}
@media all and ( max-width: 434px ) {
    #customer .wrapper {
        width: 100%;
        margin: 0;
    }    
    p#freeShipping {   
        left: 200px;
    }	
    p#freeShipping span.free {    
        margin-left: 80px;
        font-size: 12px;
    }
    p#freeShipping span.shipping {    
	margin-left: 70px;
        font-size: 12px;
    }
}
@media all and ( max-width: 434px ) {
    #contentLogoCalEZ img {
            width: 100%;
    }
    .totalContentWrapper {
            width: 60%;
    }
}