.mobileMenu, .hidden-lg {display: none;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest {
  background: #f1f1f1;
}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li span, .mm-menu.mm-horizontal > .mm-panel.mm-highest li span a, .mm-menu.mm-horizontal > .mm-panel.mm-highest li p { color: #333; font-size: 12px; padding: 3px 7px; font-weight: normal;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li p {padding: 7px 14px;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li p strong {color: #800000;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li span.submenuTitle {font-size: 14px; border-bottom: 1px solid #333; font-weight: bold; padding: 7px 14px; margin: 7px 0;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li:after {display: none !important;}
.mm-menu.mm-horizontal > .mm-panel.mm-highest li img {
  max-width: 100%;
  padding: 0 14px;
  height: auto;
  margin: 5px 0;
}
.sticky .headerContain {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 2px 5px #ccc;
    width: 100%;
}
#bottom {
    position: relative;
}
#indexGallery {
    clear: both;
    margin-top: -140px;
    margin-left: 20px;
    float: left;
}
#indexGallery h4 {
    font-weight: bold;
    font-size: 12px;
    color: #636363;
    clear: both;
}
@media screen and (min-width:1000px) {
    .sticky .headerContain {
        position: static;
        box-shadow: none;
    }
    #wrapper {
        margin: 0 auto !important;
    }
    #slider {
        margin: 15px 0px 0 !important;
    }
}
@media screen and (max-width:1024px) {
    *{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #quickEnquiryContent {width: 95%;}
    #colorbox { left: 50% !important; margin-left: -340px !important;}
/*    html {overflow-x: hidden;}*/
}
@media screen and (max-width:998px) {
    body {overflow-x: hidden;}
    #order {
        font-size: 10px;
        height: auto;
        line-height: 14px;
        padding: 5px 5px 10px;
        text-align: left;
    }
    #close {
        display: inline-block;
        height: 16px;
        width: 15px;
        vertical-align: top;
    }
    #close img {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }
    #header {
        width: 100%;
        padding: 25px 5px 5px;
        position: relative;
    }
    a.inline.cboxElement {
        color: #ce0000;
    }
    .quickenquiry_button {
        left: auto;
        position: absolute;
        top: 0;
        width: 125px;
        right: 20px;
    }
    .quickenquiry_button a {margin: 0;}
    .quickenquiry_button a img {width: 100%; height: auto;}
    #logo {
        float: left;
        position: relative;
        width: 125px;
        z-index: 999;
    }
    #logo img {
        width: 100%;
    }
    #logoRight {width: 172px;}
    .social {margin-top: 13px;}
    .mobileMenu, .hidden-lg {display: inline-block;}
    .call_skype, .call_us, .header_email, #menu, .ver_quickenquiry_button, .hidden-sm {display: none !important;}
    .social a {width: 15px; height: 15px; margin-left: 3px;}
    .social a.mobileMenu {/*width: 25px; height: 25px; margin-top: -5px;*/ margin-left: 0;}
    .nivo-caption {
        background: none;
        position: relative;
        top: 0;
    }
    #slider {
        margin: 15px 0 0;
        border: 0;
    }
    .htmlcaption_wrap, .htmlcaption_wrap .htmlcaption_contents, .htmlcaption_wrap .more, .nivo-controlNav, #wrapper, #welcome, #welcomeLeft {width: 100%;}
    .htmlcaption_wrap { padding: 5px 0 15px;}
    .htmlcaption_wrap .htmlcaption_contents .title {font-size: 18px; text-transform: uppercase;}
    .htmlcaption_wrap .htmlcaption_contents .subtitle {font-size: 12px;}
    .htmlcaption_wrap .more {position: relative; bottom: auto; right: auto; text-align: center; width: 100%; height: auto; margin: 5px 0;}
    .htmlcaption_wrap .more a {display: block !important; font-size: 12px; background-color: #333; border-radius: 5px; padding: 5px 20px 5px 10px; position: relative; background-image: none; max-width: 250px; margin: 0 auto;}
    .htmlcaption_wrap .more a:after {
        content: "";
        background-image: url("../images/left.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 10px;
        height: 10px;
        background-size: 100%;
        position: absolute;
        right: 8px;
        top: 8px;
        display: block;
    }
    .nivo-controlNav {
        background-color: transparent;
        position: relative;
        top: 0;
        margin: 10px 0 20px;
    }    
    .nivo-controlNav a {
        background-color: #e2e2e2;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 5px 9px;
        width: 20px;
    }
    .nivo-controlNav a.active {background-color: #aaa;}
    .nivo-controlNav img {display: none;}
    #welcome {margin: 5px 0 0; padding-bottom: 0;}
    #welcomeLeft h1, .contactContentHead {width: 100%; padding: 5px 10px; font-size: 18px;}
    #welcomeLeft ul {
        float: left;
        margin-left: 0;
        padding: 10px 10px;
    }
    #welcomeLeft li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
    }
    #welcomeLeft h2 { width: auto; font-size: 16px; line-height: 18px;}
    #welcomeLeft h2 br {display: none;}
    #welcomeLeft p {line-height: 16px; width: auto;}
    #welcomeRight {
        margin: 0;
        width: 300px;
        margin: 0 10px;
        float: none;
        clear: both;
    }
    #welcomeRight span.call_me_title {
        font-size: 18px;
        padding: 10px;
    }
    #welcomeRight > form {
        padding: 0 15px;
    }
    #welcomeRight input {
        margin: 0 0 10px;
        width: 100%;
    }    
    #welcomeRight span.reload_callme_back {
        margin: 0 0 20px;
        text-align: right;
        width: 105px;
    }
    .callme_back_submit {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
    }
    #welcomeRSG {
        margin: 0 0 10px;
        width: 100%;
        padding: 0 10px;
    }
    #welcomeRSGLeft {width: 100%;}
    #welcomeRSGLeft ul {float: left; margin-left: 0;}
    #welcomeRSGLeft li {padding-bottom: 10px; margin-left: 0; width: 100%;}
    #welcomeRSGLeft li h3 a {width: auto;}
    #welcomeRSGRight {
        float: left;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }
    #welcomeRSGRight ul {float: left;}
    #quick {float: left; height: auto; width: 100%;}
    #cslider {display: none;}
    #quickContact {
        left: 0 !important;
        margin: 0 0 10px 0;
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: block;
        float: left;
    }
    #quickContact span.quick_contact {width: 100%;}
    #quickContact ul {float: left;}
    #quickContact li {
        clear: both;
        padding-bottom: 10px;
        float: left;
        width: 100%;
    }
    #quickContact textarea {width: 200px !important;}
    #bottom {padding: 10px;}
    #bottomLeft {float: left; width: 100%;}
    #bottomLeft > ul {float: left; margin-bottom: 10px; margin-left: 0; width: 100% !important;}
    #bottomLeft > ul > li {padding: 5px 5px 0 0;}
    #bottomLeft > ul > li h4 {width: 100%;}
    #bottomLeft h4 {margin-left: 0 !important;}
    #indexGallery ul {margin-left: 0; width: 100% !important;}
    #indexGallery li {float: left; padding: 5px 10px 5px 0;}
    #bottomRight {width: 100%; margin: 0;}
    #bottomRight ul {padding: 0; width: 100%;}
    #bottomRight li h4 {width: 100%;}
    #footer {margin-bottom: 0; padding: 10px;}
    #footerContent {width: 100%;}
    #footerContent ul {float: left;}
    #footerContent li {padding: 0 3px 3px; line-height: 10px;}
    #footerContent li a {font-size: 10px; line-height: 10px;}
    #footerContent li:first-child {padding-left: 0;}
    #footerContentRight {float: left;}
    
    #product {
      margin: 15px 0px;
      float: left;
      padding: 0 10px;
    }
    #products {padding: 0 10px;}
    #products h2 { width: auto; font-size: 16px; line-height: 18px; padding-left: 0;}
    #products ul {margin-left: 0;}
    #products li {width: 50%; margin-left: 0; padding: 0 20px 15px 0;}
    #products li:nth-child(2n) {padding-right: 0;}
    #slider1 {padding: 0 10px;}
    #sliderLeft {width: 60%;}
    #sliderRight {width: 40%;}
    #quote {width: 100%;}
    #quoteTop span.get_quote_title, #quoteTop span.get_quote_descrip, #quoteTop span.get_quote_today {font-size: 12px;}
    #quote-content span.field_lable {width: 50px;}
    #quote-content input, #quote-content textarea {width: 76%;}
    
    #doors-menu {width: 100%; padding: 0 10px;}
    #doors-menu li {font-size: 12px; margin-right: 5px;}
    #doors-menu li a {font-size: 12px; padding: 5px 10px; margin: 0; float: none;}
    .product-code, .door-spec, .locking_options_content, .glazing, .technical {float: left;padding: 0 10px; width: 100%;}
    .glazing {padding-top: 20px;}
    .product-code-left, .product-code-right, .door-spec-left, .door-spec-right, #phm ul, #phm li, .technical-left, .technical-right, .hardware-right { float: left; margin-left: 0; width: 100%;}
    .productsRight2 {width: 95%;}
    .productsrangebp {width: 95%;}
    .productsrangebp li {padding-left: 50px;}
    .product-code-left ul {margin-bottom: 0;}
    #php li {padding-bottom: 15px; width: 50%}
    #phm li h2 {padding-right: 18px;}
    .product-home-text {padding: 10px;}
    #phm {margin: 5px 0px; padding: 10px;}    
    #contactContent ul {width: 100%; padding: 0 10px;}
    #contactContent li {float: none; width: 32.5%; display: inline-block;vertical-align: top; margin: 0; padding: 0 10px;}
    #contactContent li:first-child {padding-left: 0;}
    #contactContent li span.contact_sub_head {padding-top: 5px; width: 100%;}
    #contactContent li span.contact_address {padding-top: 15px;}
    #contactContent li span.online_quote {padding-top: 5px;}
    #contactContent li p{padding-bottom: 10px;}
    .middleContact {padding: 0px 10px;}
    #contactContent li span.online_quote, .contactInput1, #contactContent li textarea, #contactContent li input, #contactContent li input[type='image'] {width: 100%;}
    .testimonialsImage img {width: auto; max-width: 100%;}
    #testimonials {margin: 0; float: left;}
    #testimonials ul {margin: 0; padding: 0 10px; width: 100%;}
    #testimonials li{ width: 50%; float: left; padding-right: 10px;}

    .productrangeImage img {width: auto; max-width: 100%;}
    #productrange {margin: 0; float: left;}
    #productrange ul {margin: 0; padding: 0 10px; width: 100%; height: 100%;  }
    #productrange li{ width: 50%; float: left; padding-right: 10px;}
		
    #terms {padding: 0 10px;}
    #terms h2 {width: 100%; font-size: 14px; padding-left: 0; margin-top: 10px;}
    #thank-you {float: left; padding: 0 10px; width: 100%;}
    .thank-left {width: 65%; margin: 0;}
    .thank-right {width: 35%; padding-left: 10px;}
    .thankHead {margin-top: 10px;}
    .move_top {width: 25px; height: 25px; right: 10px;}
    .move_top img {width: 100%; height: auto;}
    #product li {
      /*width: 145px;
      padding: 5px;*/
        width: 11%;
        padding: 0;
        height: 90px;
      display: inline-block;
      vertical-align: top;
    }
    #product li a {
      float: left;
      width: 100%;
      height: 100%;
    }
    #product li img {
      border: 0px;
      width: 100%;
      height: 100%;
    }
    #indexGallery {
        margin-top: 10px;
        margin-left: 0;   
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #logo {width: 250px;}
    .quickenquiry_button {
        width: 156px;
        right: 50%;
        margin-right: -78px;
    }
    #logoRight {width: 450px;}
    .social {
        margin-top: 25px;
        margin-right: 15px;
    }
    .social a {
        width: 35px;
        height: 35px;
        margin-left: 8px;
    }
    .social a.mobileMenu {
        margin-left: 0;
    }
    #welcomeLeft {
        float: left;
        width: 50%;
    }
    #welcomeLeft h1 {margin-left: 10px;}
    #welcomeRight {
        clear: none;
        float: right;
        margin-right: 10px;
        width: 45%;
    }
    #welcomeRSGLeft li {width: 50%;}
    #welcomeRSGRight li {float: left; width: 40%;}
    #bottomLeft > ul {width: 50% !important;}
    #bottomRight ul {width: 50%; padding-right: 5px;}
    
}

@media screen and (max-width:767px) {
    #colorbox {margin-left: -160px !important; position: absolute !important;}
    #quickEnquiryContent ul {
        margin-left: 0;
        padding-top: 0;
        float: left;
        width: 100%;
    }
    #quickEnquiryContent li {
        margin-left: 0;
        padding: 0 0 5px;
        width: 100%;
    }
    #quickEnquiryContent li input, #quickEnquiryContent li textarea {width: 100% !important;}
    #quickEnquiryContent span.quick_enquiry {margin-bottom: 0;}
    #cboxWrapper, #cboxContent, #cboxLoadedContent {height:  auto !important;}
    
    #product {
      margin: 5px auto;
      float: left;
      padding: 0 4px;
    }
    #product li {
        height: 50px;   
    }
    #products li {width: 100%; padding-right: 0;}
    #sliderLeft, #sliderRight {width: 100%; min-height: inherit;}
    #quote {border-left: 0px solid #f2f2f2;}
    #doors-menu ul {width: 100%; float: left; border: 0;}
    #doors-menu li {width: 100%; text-align: left; margin: 0 0 5px 0;}
    #doors-menu li a {float: left; width: 100%; border-radius: 0; padding: 10px; font-size: 14px;}
    .technical-data ul {margin: 0;}
    .technical-data li {display: block; width: 100%;}
    .technical-data-left {float: none; display: inline-block; width: 48%;}
    .technical-data-right {float: none; display: inline-block; width: 50%;}
    .product-code img, .door-spec img, .locking_options_content img, .glazing img, .technical img {width: auto; max-width: 100%;}
    #phm li, .productsRight2, .productsrangebp {width: 100%; margin-left: 50px;}
    #phm li h2 {padding-right: 0;}
    #contactContent li {width: 100%; padding: 10px 0; border: 0;}
    #contactContent li input[type='image'] {width: auto;}
    #contactContent li textarea, #contactContent li input, .refresh {max-width: 300px;}
    #testimonials li {width: 100%; padding: 0 0 20px 0;}
    #productrange li {width: 100%; padding: 0 0 20px 0;}
    .thank-left, .thank-right {width: 100%; padding: 0; border: 0;}
}