/*  GO FULL WIDTH AT LESS THAN 768 PIXELS - Syed */
@media only screen and (max-width: 960px) {    
    body .banner_speedflex_in {margin: auto;width: 740px;}
    body .primary-nav .contain {width:740px;}    
    body .primary-nav ul.nav > li > a {padding: 30px 23px 27px;}
    body .primary-nav ul.nav > li.shop > ul.dropdown {width: 740px;}
/*    body .home_slider #slider ul.slides {height: auto;}*/
    body .footer .contain {width:740px; background-color: #ffffff;}
    body .footer .contain .left, .footer .contain .right {width:323px !important;}
    body .footer ul.nav li ul.dropdown {width: 740px; left: 60%;}
    body .footer ul.nav li ul.dropdown > li { padding: 0 25px;width: 185px;}
    .js .primary-nav ul.nav > li.shop > ul.dropdown > li:first-child {padding: 0 24px 0 40px;}
    .js .primary-nav ul.nav > li.shop > ul.dropdown > li:nth-child(2) {padding: 0 40px 0 30px;}
    .js .primary-nav ul.nav > li.shop > ul .dropdown > li:nth-child(3) {padding: 0 35px 0 30px;}
    .js .primary-nav ul.nav > li.shop > ul.dropdown > li:nth-child(4) {padding: 0 0 0 30px;}

    /*.cms-index-defaultnoroute .banner #ripkord_Slideshow .bx-viewport {height: auto !important;}*/
}

@media only screen and (min-width: 769px) {
    .wrapper .header .nav-search, .icon-top {display: none;}    
    .responsive-menu-wrapper {display: none;}     
    .line-left, .line-right {display: none;}
    .scrollToTop > img {display: none !important;}
}

@media only screen and (max-width: 768px) {
    body { position: inherit; }
    body .primary-nav {display: none;}
    .page .header .l-topmenu {left: 0;} 
    .header .logo_container{border:none !important; padding: 7px 0 12px !important;}
    body .wrapper .main { width: 100% !important;}    
    .header .logo {z-index: 98; width: 110px !important; position: relative; top: 2px;}    
    
    .wrapper .header {min-width: 100% !important; padding: 8px 15px 0;border-bottom:1px solid #b71600;}
    .wrapper .header .top-cart:hover {background: none; color: none;}
    .wrapper .header .l-topmenu {left: 0;position: absolute; top: 6px;}
    .wrapper .header .l-topmenu .top-cart {width: 39px;height: 47px;}
    .wrapper .header .l-topmenu .top-cart .cartlabel {display: none;}
    .wrapper .header .l-topmenu .header-acc {display: none;}
    .wrapper .header .l-topmenu .top-cart .dropdown-title.cart {background-position: 10px 10px;}
    .wrapper .header .mod-dropdown.cart-dropdown {float: left; left: 0; position: relative; top: 5px; width: 400px; }
    .responsive-menu-wrapper {display: block; position: relative;}
    .slinky-menu .divider {background: #b71f20;}
    .responsiveSearch {left: 40px;position: absolute;top: 5px;z-index:98;float: left;width: 10%;}

    
    .responsive-back-color {background: rgba(255, 255, 255, 0.9); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 100; display: none;}

    .wrapper .header .nav-search.res_search {float: left;list-style: outside none none; margin-top: -9px;display: none; cursor: pointer;left: -40px; position: relative;}    
    .wrapper .header .nav-search #search_mini_form {display: block; margin: 14px 0 0; position: relative;}
    .wrapper .header .nav-search #search_mini_form input.input {border-radius: 0; border-width: 1px 0 1px 1px; color: #7f7f7f; font-family: "franklin-gothic-urw",Helvetica,Arial; font-size: 13px; font-weight: 400; height: 41px; line-height: 13px; padding: 13px 0 13px 15px; width: 122px; }
    .wrapper .header .nav-search #search_mini_form input, .wrapper .header .nav-search #search_mini_form button {background-color: #f1f2f2; border-color: #d5d6d7; border-style: solid; border-width: 1px 1px 1px 0; box-shadow: none; color: #7f7f7f; display: block; float: left; height: 42px; margin: 0; padding: 0; width: 42px; box-shadow: 0 0 !important;}
    .nav-search #search_mini_form .top-search-field {position: relative !important;width: 450px;}
    .wrapper .header .nav-search #search_mini_form input.input { left: 0;padding: 10px; position: absolute;top: 0;width: 450px;}    
    .nav-search #search_mini_form .top-search-field button {right: 0; position: absolute;height: 41px !important;}
    .wrapper .header .nav-search #search_mini_form button.mag .icon, .icon-top {background: rgba(0, 0, 0, 0) url("../img/search-icon.svg") no-repeat scroll 3px center / 29px auto; display: block; height: 41px; opacity: 1; overflow: hidden; padding: 0; text-indent: -9999px; width: 42px;cursor: pointer; }
    .responsiveSearch .icon-top {margin-top: 2px; display: block;float:left;}

    .page .footer .nav {background: #f1f2f2;height: 280px !important; left: 0;}
    .page .footer ul.nav li ul.dropdown {display:block !important; border-top: 1px solid #dedfe0;  left: 0;margin: 0 auto;width: 100%;}
    .page .footer ul.nav > li > a {background:none !important;font-weight: bold; z-index: 100; position: relative;}
    .page .footer ul.nav li ul.dropdown > li {border-left: 1px solid #dedfe0; float: left; padding: 0 40px; text-align: left; width: 25%; height: auto !important;min-height: 118px; }
    .page .footer .nav .dropdown a {white-space: normal !important;width: 100% !important;}
    .page .footer .nav > li.has-dropdown ul.dropdown li a {padding: 0;}

    .page .footer .contain .left, .page .footer .contain .right {border: medium none !important; font-size: 14px !important; margin: 0 auto; width: 100% !important; left: 0; padding: 0 10% !important; position: absolute; }
    .page .footer .contain .crest {left: 0; margin: 0 auto; position: absolute; right: 0; }
    .wrapper .page .footer .contain .left {padding-top: 120px !important;}
    .page .footer .contain .right {padding-bottom: 50px !important;padding-top: 180px !important;}
    .footer .contain {width: 100% !important;}
    .line-left, .line-right {border-top: 1px solid #b71f20; float: left; height: 1px; left: 3%; position: relative; top: 40px; width: 40%; }
    .line-right {float: right !important; margin-right: 7% !important; }
    .scrollToTop > img {margin-top: -20px; opacity: 0.3; position: absolute; right: 20px; z-index: 1000;display: block; }

    /*May 5 2016 syed (Product Configurable popup)*/
/*    #fmgpc-attribute_block .fmgpc-scroll-pane {height:auto;}*/
/*    .fmgpc-customize-container #fmgpc-accordion .fmgpc-add-attr:last-child {margin-bottom: 30px;}*/
    .footer ul.nav li ul.dropdown {z-index: 9 !important}

    .spacer {display: none !important;}
/*    .header .l-topmenu .top-cart .dropdown-title.cart:hover {background-image: url("shopping-cart.svg") !important; background-position: 12px 0 !important}*/
    .header .l-topmenu .icon-top {background-image: url("../img/search-icon.svg") !important;background-position: 4px 4px;width: 12%;}
    .header .logo {margin:-4px auto !important;}
    .page .footer .nav li.has-dropdown > a {display: none;}
    .page .footer ul.nav li ul.dropdown { margin: 20px auto;}
    .footer {padding-top: 10px !important;}
    /*article .video_gallery .video-list .bx-controls-direction {width: 400px !important}*/
    /*#conclusion-article .contain .concussionBody img {width: 100%;}*/
    iframe[title="recaptcha challenge"] {margin: 0 340px !important;}
    /*.owl-carousel .owl-stage-outer {height: 300px !important}*/
    .test-menu{ height: 100%;left: 0;position: fixed;width: 100%;}
    /*iphone scroll*/
}   

@media only screen and (max-width: 767px) {
    iframe[title="recaptcha challenge"] {margin: 0 auto !important;}
}

@media only screen and (max-width: 640px) {    
    .page .footer ul.nav li ul.dropdown {position: relative;float: left;}
    .page .footer ul.nav li ul.dropdown > li {   left: 2%; margin-bottom: 30px; padding: 0 20px 0 80px; position: relative; width: 50%; height: 130px !important; text-align: left;} 
    .page .footer .nav {height: 400px !important; position: relative; left: 0;}
    .page .footer ul.nav li ul.dropdown > li:nth-child(3) {border: medium none;}
    .page .footer .nav > li {float: left;margin: 0 auto !important;padding: 0;width: 90px; margin-left: 24px !important}
    .page .footer .nav > li a {padding: 10px 0;width: auto;}
    .page .footer .nav li.has-dropdown {clear: left !important;left: 0;position: absolute !important;width: auto !important; margin-left: 0 !important; margin-top: 0 !important}
    .page .footer .nav li.has-dropdown > a {display: block;visibility: hidden !important;}
    .page .footer ul.nav li ul.dropdown > li:nth-child(4) {margin-top: -30px;padding-top: 30px;}
    .page .footer .contain .right {padding-bottom: 50px !important;padding-top: 180px !important;}
    .footer {position: relative;  background: #f1f2f2;}
    .footer ul.nav {margin: 0 auto;text-align: left !important;width: 460px; margin-top: -11px !important; }
    .footer ul.resfooter {position: absolute;top: 0; display: block !important;position: absolute; left: 0; right: 0; margin:0 auto; width: 460px;}
    .footer .nav-border {display: none;}    
    .page .footer ul.nav li.has-dropdown {display: none;}
    .page .footer ul.nav li ul.dropdown, .page .footer ul.resfooter li ul.dropdown {float: left; position: relative; margin: 40px auto; border-top: 1px solid #dedfe0; display: block !important; left: 0; width: 100%; }
    .footer ul.nav li ul.dropdown, .footer ul.resfooter li ul.dropdown {background: #f1f2f2 none repeat scroll 0 0; display: none; left: 50%; margin: 0 0 50px -450px; padding: 35px 0 0 0; position: absolute; top: 39px; width: 900px; z-index: 999; }
    .page .footer ul.nav li ul.dropdown > li, .page .footer ul.resfooter li ul.dropdown > li {height: 130px !important; left: 0; margin-bottom: 0px; padding: 0 0 0 27px; position: relative; text-align: left; width: 230px; float: left; }
    ul.resfooter .dropdown > li:nth-child(2n) {border-left: 1px solid #dedfe0;padding-left:40px !important;}
    .footer ul.nav li ul.dropdown > li strong, .footer ul.resfooter li ul.dropdown > li strong { color: #939598; display: block; font-size: 14px; line-height: 1em; margin-bottom: 10px; text-transform: uppercase; font-family: "franklin-gothic-urw",Arial,Helvetica,sans-serif; font-weight: 700; }
    .footer ul.resfooter li ul.dropdown > li ul li, .footer ul.resfooter li ul.dropdown > li ul li a {line-height:22px; color: #939598; display: block; font-size: 12px; line-height: 18px; text-transform: uppercase; white-space: nowrap}
    .res_slide {width: 97.5%; overflow: visible;}
    /*.catalog-product-view #configModal1 .fmgpc-customize-container .fmgpc-attribute_block {min-height: 320px;}*/
    /*#checkout_cart_block  #update_cart_item.reveal-modal.update_cart_item.open {left: 0;margin-left: -6%;width: 110%;}*/
/*    #fmgpc-magic {min-height: 580px !important}*/
}
@media only screen and (max-width: 540px) {
    .page .footer ul.nav li ul.dropdown > li {left: 3%; margin-bottom: 30px; padding: 0 20px 0 50px; position: relative; width: 47%; }
    .res_slide {width: 96%;right: 89%}
    section.menu-responsive {width: 91%; max-width: 91%;}
/*    .catalog-product-view #configModal .fmgpc-customize-container.fmgpc-clearfix, .catalog-product-view #configModal1 .fmgpc-customize-container.fmgpc-clearfix, .catalog-product-view #configModal2 .fmgpc-customize-container.fmgpc-clearfix, .checkout-cart-index #configModal .fmgpc-customize-container.fmgpc-clearfix {min-height: 300px;}    */
    }

@media only screen and (max-width: 480px) {
    /* careers code here*/
    .page .footer ul.resfooter li ul.dropdown{top:72px;}
    .page .footer .nav{ height: 425px !important; margin-top: -10px !important; }
    /*------------------*/
    .page .footer ul.nav li ul.dropdown > li {left: 0 !important;width: 50%;}
    .page .footer .nav > li {width: auto;}
    .footer ul.nav > li > a {font-size: 12px !important}
    .line-left, .line-right {width: 36%;}
    /*.fmgpc-start-over  {bottom: 20px !important}*/
    .nav-search #search_mini_form .top-search-field {width: 310px;}
    .wrapper .header .nav-search #search_mini_form input.input { width: 270px;}   
    .footer ul.nav {width: 372px !important;}
    .footer ul.resfooter {width: 390px !important;}
    .page .footer .nav > li {width: 103px; margin: 0 auto 0 20px !important;}
    .page .footer ul.nav li ul.dropdown > li, .page .footer ul.resfooter li ul.dropdown > li {width: 195px; padding: 0 0 0 20px; position: relative;left: 6px;}   
    .res_slide {width: 100%;right: 91%}
    /*.fmgpc-customize-container #fmgpc-accordion .fmgpc-add-attr:last-child {margin-bottom: 60px;}*/
    /*#checkout_cart_block  #update_cart_item.reveal-modal.update_cart_item.open {left: 0;margin-left: -6%;width: 113%;}*/

}

@media only screen and (max-width: 420px) {
    .wrapper .header .mod-dropdown.cart-dropdown {width: 350px;}
    .page .footer ul.nav li ul.dropdown > li { padding: 0 20px 0 32px;}    
    .page .footer .contain .left, .page .footer .contain .right {padding: 0 4% !important; }
    .page .footer .contain .right {padding-top: 200px !important; padding-bottom: 50px !important}
    .header .logo {width:128px;}
    .footer ul.nav {width: 342px !important;}
    .page .footer .nav > li {width:94px; position: relative;left: 3px;}
    .footer ul.resfooter {width: 355px !important;}
    ul.resfooter .dropdown > li:nth-child(2n) {padding-left: 20px !important;}
    .page .footer ul.nav li ul.dropdown > li, .page .footer ul.resfooter li ul.dropdown > li {position: relative;left: 6px;width:175px;}
    .res_slide {right: -87%; width: 100% !important}
    section.menu-responsive {width: 87% !important;}
    /*article .video_gallery .video-list .bx-controls-direction {left: 24px;width: 370px !important;}*/
    .menu-icon.active1 { left: 14px;}
/*    #fmgpc-magic {min-height: 580px !important}*/
}

@media only screen and (max-width: 360px) {
    .wrapper .header .mod-dropdown.cart-dropdown {width: 300px;}
    .page .footer ul.nav li ul.dropdown > li {left: 4% !important;width: 47%; padding: 0 18px;}
    .footer ul.nav li ul.dropdown > li ul li, .footer ul.nav li ul.dropdown > li ul li a {font-size: 11px !important;}
    .footer ul.nav > li {height: auto !important;}
    .line-left, .line-right {width: 30%;}
    .footer ul.nav, .footer ul.resfooter {width: 318px !important;}     
    .page .footer .nav > li {width:84px;left: -3px;}
    .page .footer ul.nav li ul.dropdown > li, .page .footer ul.resfooter li ul.dropdown > li {padding:0 0 0 8px; width: 155px;}
    .footer ul.resfooter li ul.dropdown > li ul li, .footer ul.resfooter li ul.dropdown > li ul li a {font-size: 11px;}    
    .res_slide {width: 100% !important;}
    .menu-icon.active1 {left: 10px;}
    /*article .video_gallery .video-list .bx-controls-direction {left: 23px;width: 275px !important;}*/
}

@media only screen and (max-width: 320px) {
    .page .footer ul.nav li ul.dropdown > li { left: 7% !important;padding: 0 8px;}
    /*article .video_gallery .video-list .bx-controls-direction {left: 23px;width: 233px !important;}*/
}