/* Apply To All Responsive Layouts
================================================== */
nav.mainnav li:first-child {
    display: none;
}
nav.mainnav li ul.sub-menu li:first-child {
    display: block;
}
nav.mainnav li:nth-child(2) {
    margin-left: 0px;
}
@media only screen and (device-width: 768px) {
        .dev {  background-color:pink;}
        .dropdown-country select { width:140px;}
        .form-two-col .form-detail select { width:220px}
}

@media only screen and (max-width: 959px ) {
    .footer-bottom { background-color:#d1d1d1; }
    nav.mainnav li:first-child {
        display: block;
    }

    .matrix-content-wrapper article ul li {
        text-align: left;
    }
}
/* #Tablet (Portrait - Ipad)
================================================== */

/* Note: Design for a width of 768px */
        .mobileshow {
            display: none !important;
        }
        .mobilehide {
            display: block !important;
        }

@media only screen and (min-width: 768px) and (max-width: 959px) {
        nav.mainnav .sf-menu ul {width:768px;}
        .header-container, .footer-container, .content-container  { min-width:768px; }
        #full-width .full-header-bg{ height:433px;}       
        .content-container .wrapper{ width:738px; }
		.page-wrapper  { margin:auto; }
        .superslide-nav-wrapper { left:50%; margin-left:-370px; position:absolute; top:42%; width:740px;}
        #full-width .full-header-bg img {height:100%; position:absolute; right:0; left:auto; margin-left:0;}
	nav.action-nav ul  { width:738px; min-width:738px; }
	.header-container header, .footer-container footer { width:738px; }
        .search-wrapper, .welcome { right:10px; }
        .footer-bottom {padding-left:0; padding-right:0; position:relative; z-index: 20000; }
        .home .footer-bottom {height:200px}
        .home .footer-container { height:246px}
        
        nav.mainnav li { margin-left:22px; }
        nav.mainnav > ul > li > a { font-size:13px; }
        nav.mainnav > ul > li > ul > li > a { font-size:12px; padding:0 7px; }
        .invisible-bg { height:246px;}
        .invisible-inner { width:737px;}
        .outter-right { left:734px;}
        
        #slidecaption h3 { font-size:25px; letter-spacing:3px;}
        .hero-container {  height:274px; } 	
        .hero-caption { top:30px;}
        .hero-caption h2 { font-size:25px; line-height:28px; }
        .hero-caption h5 { font-size:19px; }
        
        /* supersized */
        #controls-wrapper #controls { width:500px; }
        #controls-wrapper #controls { margin-left:-268px }
        
        /* footer */
        nav.social-links {position:static; margin-bottom:20px; margin-bottom:20px;}
        nav.footer-nav li.logo-env {background:none;}
        .logo-env { clear:both; margin-top:30px; background:none;}
        .footer-bottom {padding-top:20px;}
          .home .footer-bottom {height:260px;}
        .footer-nav, .social-links { text-align:center; }
        .footer-nav ul, .social-links ul  { display:inline-block; }
        nav.action-nav li .item .icon { background-size:30px; padding-left:38px; height:30px; line-height:30px; }
        nav.action-nav li .item .icon span {font-size:11px;}
        nav.action-nav li .item { padding:35px 0; }
        nav.action-nav li {width:183px; }
        nav.action-nav li .action-more img { width:183px; }
        nav.action-nav li .hidden-wrapper {width:183px;}
        nav.action-nav li.hover .item .icon {background-position:0 -76px;}
        
        .sidenav { width:160px }
        
        /* products landing page */
        ul.list-col4 { margin:0 -11px; }
        ul.list-products li {width:231px;} 
        ul.list-products li.last-item { clear:none; margin:0 10px 40px; padding:0; width:233px; float:left; height:200px; text-transform:uppercase; }
        ul.list-products li.last-item div { padding-top:50px;  font-family:"lato_bold"; font-size:12px; line-height:13px;}
        ul.list-products li.last-item .num { clear:both; margin:15px 0 15px; font-size:50px; line-height:35px; height:50px; display:block; font-family:"lato"; background-position:center bottom;}
        ul.list-products li .excerpt { display:none; }
        
        .form-two-col .form-left, .form-two-col .form-right {width:360px;}
        .form-two-col .form-detail > li > ul > li {margin:0 3px; width:176px; }
        .form-two-col .form-detail input[type="text"], 
        .form-two-col .form-detail input[type="email"] { width:165px;}
        .form-two-col .form-detail select { width:175px}
        .form-two-col .form-detail > li > ul { margin:0 -3px;}
        .form-detail > li > ul > li.single-col { width:355px}
        .form-two-col-horizontal .form-detail.form-labelside .float label {float:none;}
        .fieldwrapper {float:none;}
        .online-form-site-info.form-two-col-horizontal .form-detail.form-labelside label.label-sub { width:150px;}
        .online-form-site-info.form-two-col-horizontal .form-detail.form-labelside .float-radio label {width:100%;}
        .online-form-site-info.form-two-col-horizontal .form-right .form-detail.form-labelside .float-radio label.label-sub { width:125px;}
        
        /* product */
        .rating-wrapper img { margin-right:15px;}
        ul.hero-col2 { margin-left:-10px; margin-right:-10px; }
        ul.hero-col2 li { width:359px; margin-left:10px; margin-right:10px; }
        ul.hero-col2 li img { width:100%; }
        .products-sub article { width:230px;}
        .products-sub article h3 { font-size:15px; line-height:15px; }
        .products-sub article img {width:100%; }
        .products-sub article .thumbnail {width:100%; height:100%;}
        
        .prod-banner {width:738px;}
        .prod-banner a { width:359px;}
        .prod-banner a img {width:100%;}
        
        .product-details-panel .product-details-panel-right {width:315px;}
        .product-details-panel .description { min-height:210px;}
        .product-details-panel .link-list {margin-bottom:20px}
        .product-details-panel .link-list li {float:left; width:157px;}
        .product-details-panel.arrow-left .arrow {left:115px}
        .product-details-panel.arrow-right .arrow {left:618px}
        .product-details-panel .btn-dark,
        .product-details-panel .btn-green {position:static; float:right;display:inline-block; margin-top:10px;}
        
        .products-care .care-info {width:500px}
        .products-care .sidebar-right {  width:230px; }
        .products-care .care-video { width:310px; }
        .products-care .care-video iframe { width:100% } 
        .products-care .care-video {width:auto;}
        .contact-widget  {padding:12px;}
        .contact-widget .contact-method .bg-circle {width:28px;height:28px; webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; }
        .contact-widget .contact-method .bg-circle i,
        .contact-widget .contact-method .bg-circle i.fa-envelope-o{font-size:18px;margin:6px}
                
        .fabrics-sub article { width:232px;}
        .fabrics-sub article img { width:232px; height:178px; }
        .list-fabric-thumbnail  { margin-left:-18px; margin-right:-18px; }
        .list-fabric-thumbnail li { margin-left:18px; margin-right:18px;}
        .fabrics-sub article h3 { font-size:13px; height:36px;}
        
        .order-sample .col-detail-1 { width:200px}
        .order-sample .col-detail-2 { width:363px; }
        .order-sample-left { float:none; margin-bottom:40px; width:100%; }
        .order-sample .order-sample-right { float:none; margin-bottom:20px; width:100%; }
        .order-sample .subhead .col-details {width:662px}
        .form-detail > li > ul > li { width:350px;}
        .form-detail input[type="text"], .form-detail input[type="email"], .form-detail textarea { width:228px;}
        .send-enquiry .comments textarea { width:338px;}
        
        .form-two-col-horizontal .form-detail.form-labelside .phone-num input[type=text]{width:228px;}
        .retailer-details .completedby {width:360px !important;}
        .retailer-details-wrapper {width:330px;margin-left:0;}
        
        /* Dealer Locator */
        .two-col-wrapper .col-right { width:245px; }
        .contact-method li { float:none; margin:0 0 10px 0; }
        .google-map-container {width:100%; }
        .google-map-container img {width:100%; }
        .location-list .col-address { width:130px; }
        .find-panal .col-left,
        .dealer-content .col-left { width:370px}
        .two-col-wrapper.find-panal .col-right,        
        .dealer-content .col-right{ width:340px; }
        .location-input { width:100%;}
        .location-wrapper input[type=text] { width:116px; }
        .filter.dealer-filter a.link-checkbox { margin-right:0px;}
        .location-wrapper input[type="text"] { width:218px;}
        .filter.dealer-filter {width:109px}
        .dealer-form {width:250px;}
        .location-wrapper .dropdown-state {width:228px;}
        .location-wrapper .dropdown-state select { width:228px;}
        .location-wrapper.international-location-wrapper .dropdown-state {width:348px;}
        .location-wrapper.international-location-wrapper .dropdown-state select { width:348px;}
        .international-location-wrapper .title-find { float:none; margin:0 0 10px;}             
        .international-location-wrapper .dropdown-state {float:none; margin-bottom:5px; }
        .legend-map li {margin-left:13px;font-size:11px;}
        .legend-map li.icon-pin-red {display:block; clear:both; margin:10px 0 0;}
        .google-map-container.google-map-dealer {margin-top:-32px;}
        
        /* case studies */
        .casestudies-detail .casestudies-detail-left{ width:265px; }
        .casestudies-detail .casestudies-detail-left > img { width:100%; }
        .case-thumbnail li { width:62px; margin-left:5px;}
        .case-thumbnail img{ width:100%;}
        .hero-wrapper {height:271px;}
        .location-wrapper .or { float:none; display:block; clear:both; width:100%;}
  
        .variable-sizes .element.element-landscape, .variable-sizes .element.element-landscape img { width:488px; height:177px; }
        .variable-sizes .element.element-square, .variable-sizes .element.element-square img { width:240px; height:177px; }
        .variable-sizes .element.element-portrait, .variable-sizes .element.element-portrait img { width:240px; height:362px; }
        
        /* send enquiry */
        .verosol-contact .col-left {margin-right:18px; }
        .verosol-contact .col-left, .verosol-contact .col-right {width:360px;}
        .verosol-contact .contact-info .map {margin-right:0;}
        .verosol-contact .contact-info h4.subtitle { margin-right:180px;}
        
        .page-template-template-media-enquiries-php .verosol-contact .col-left {float:none; width:480px}
        .page-template-template-media-enquiries-php .verosol-contact .col-right { float:none; width:480px; }
        .page-template-template-media-enquiries-php .verosol-contact .contact-info article { margin-right:100px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info .map { width:125px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info .map img {width:100%;}
        
        /* submit case studies */
        .form-two-col-horizontal .form-left { margin-right:18px;}
        .form-two-col-horizontal .form-detail.form-labelside label {display:block; width:360px;text-align:left;margin-bottom:5px;}
        .form-two-col-horizontal .form-left, .form-two-col-horizontal .form-right { width:360px;}
        .form-two-col-horizontal .form-detail.form-labelside input[type="text"], .form-two-col-horizontal .form-detail.form-labelside  input[type="email"], 
        .form-two-col-horizontal .form-detail.form-labelside  textarea{width:320px;}
        .online-form.form-two-col-horizontal .form-detail.form-labelside input.phone[type="text"] {width:248px}
        .form-two-col-horizontal .form-detail.form-labelside .dropdown {width:330px; }
        .form-two-col-horizontal select { width:333px;}
        .page-template-template-submit-case-studies-php .btn-right { margin-right:28px;}
        .page-template-template-submit-case-studies-php #email_ver_error {margin-left:0;}
        #verosol_add_case_study_form .form-two-col-horizontal .form-detail.form-labelside .field-wrapper {width:330px;}
        
        /* knowledge center */
        .knowledge-item-style-1 li a { min-height:203px; }
        .knowledge-item-style-2 li a { min-height:163px; }
        .knowledge-item span.h3 {min-height:37px; margin-bottom:2px;}
        .knowledge-item .knowledge-item-style-1 li { min-height:202px;}
        .knowledge-item .knowledge-item-style-2 li { min-height:158px;}
        .knowledge-item a {width:190px;}
        
        /* media */
        .image-gallery-wrapper { width:556px; }
        .image-gallery-wrapper article { width:172px;}
        .image-gallery-wrapper article .fancybox img { width:172px; height:168px; }
        .image-gallery-wrapper .icon-pin-black img {width:auto !important;}
        .image-action-wrapper {padding:10px 5px 5px;}
        .image-action-wrapper .icon-zoom { right:0;}
        .list-media-updates article {width:475px;}
        .list-media-updates {width:485px;}
        .media-preview {width:220px;}
        .media-preview-img {width:100%;}
        
        .list-media-updates article {padding-left:0;}
        .media-left {width:100%}
        
        .page-template-template-media-enquiries-php .media-left {width:485px;}
        .page-template-template-media-enquiries-php .col-right {margin-top:20px;}
        .page-template-template-media-enquiries-php .verosol-contact { padding-top:0; }
        
        .list-media-updates article .content {width:350px}
        
        /* spec */
        .matrix-wrapper {width:555px;}
        .title-spec, .matrix-content-wrapper article h5 {width:280px;}
        .matrix-header .tablet { display:block;}
        .matrix-header .desktop-wide { display:none;}
        .matrix-header li {font-size:11px}
        .matrix-header li, .matrix-content-wrapper article ul li {width:50px}
        .matrix-header li.current, .matrix-content-wrapper article ul li.current {width:52px}
        
        .who-we-are .thumbnail {width:200px;}
        .who-we-are .description {width:400px;}
        
        /*  competition */
        .list-prize figure .thumbnail {width:120px;}
        .list-prize article {width:368px}
        .list-prize .desc {width:220px}
        .competition-form.form-two-col-horizontal .form-left, .competition-form.form-two-col-horizontal .form-right {width:357px;}
        .competition-form {padding-top:70px;}
        .competition-form .form-right {margin-top:-32px;}
        .competition-form .checkbox-row {padding-left:0;}
        .competition-form .wpcf7-list-item-label {width:305px;}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {

        .mobileshow {
            display: block !important;
        }
        .mobilehide {
            display: none !important;
        }
    
.formblock .left-block {
    width: 100%; 
    float: none;
}

.formblock .right-block {
    float: none;
    width: 100%;
}
  
        .mobile-only { display:block !important; }
        .desktop-only,.mainnav .sf-menu li.desktop-only { display:none;}
        .mobile-landscape-only {display:none;}
        .mobile-portrait-only {display:block;}
        
        .fancybox-skin {padding:5px !important;}
        .legend-map.mobile-only {display:none !important;}
        .legend-map.mobile-only.show {display:block !important;}
        .legend-map li {float:none;margin:0 0 5px 0}
        nav.mainnav { height: auto; width: 100%; margin-right: 0px; float: none;}
        nav.mainnav .sf-navbar {margin-bottom:0px;}
        .sf-menu li:hover > ul,
        .sf-menu li.sfHover > ul,
        .sf-navbar > li > ul { display:none; }
        .hero-container {  height:130px; } 	
        .home .footer-bottom {position: static;}
        #full-width .full-header-bg img {height:100%; position:absolute; right:0; left:auto; margin-left:0;}
        #full-width .full-header-bg{ height:235px; min-width:300px; top: 100px; }       
        .page-title-container {padding-bottom:0; margin-bottom:20px; }
        .header-container { height:auto; }
	.header-container, .footer-container {  min-width:320px; }
        .header-container  { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:none; background-color:#efeeea;}
	.header-container header, .footer-container footer { width:300px; }
    .header-container, .footer-bottom { background-color: #20201e; }
        .footer-container { border-top:none; }
        .footer-nav li.logo-env img {height:30px;}
        .footer-nav > ul > li:nth-child(2),
        .footer-nav > ul > li.child2{margin-left:48px;}
        .footer-nav li.logo-env {margin-left:0; padding-left:0;}
        .footer-nav li.logo-env li {padding-left:5px; margin-left:5px;}
        .footer-nav li.logo-env li:first-child, .footer-nav li.logo-env li:last-child {float:left; margin-top:0px;}
        nav.footer-nav li ul {width:300px;}
        .content-container .wrapper { width:300px; }
        .content-container > .wrapper { min-height:20px;}
        
        .page-template-template-media-enquiries-php .verosol-contact .col-left,
        .page-template-template-media-enquiries-php .verosol-contact .col-right { float:none; width:100%}
        
        .page-title-container.greyline h1 {margin-bottom:10px; }
        .home .content-wrapper { min-height:0;}
        .btn-mobile-mainnav { display:block;}
        .supersized { display:none;}
        .superslide-nav-wrapper  { width:320px; display:none;}
        .flexslider { width:320px; margin: 0 auto !important; border:none;}
        .flexslider .slides { height:175px; overflow:hidden} 
        .flexslider .slides > li { position:relative;}
        .flex-caption { background-color:rgba(255, 255, 255, 0.8);  filter:alpha(opacity=80); color:#000; position:absolute; top:40px; left:30px; z-index:200; padding:25px 20px 20px; text-align:center; width:220px}
        .flex-caption h3  { font-family:"lato_bold"; text-transform:uppercase; margin-bottom:5px; letter-spacing:3px; }
        .flex-caption h5 { background:url(../images/carousel-underline-mobile.gif) no-repeat center 0; font-family: 'droid_serifitalic';  padding-top:8px;}
        
        .hero-container img { width:100%; }
        .hero-caption { top:15px; width:200px; margin-left:-100px; padding:10px 0; }
        .hero-caption h2 { font-size:12px; line-height:12px; margin-bottom:5px; letter-spacing:2px; }
        .hero-caption h5 { font-size:9px; line-height:9px; padding-top:11px; }
        
        a.btn-green, a.btn-dark  { font-size:12px; }
        .fabrics-sub .button-wrapper a { clear:both; display:inline-block; margin-bottom:10px;}
        
        /* menu */
        .mainnav { display:none; }
        .mainnav .sub-menu {display:none}
        .sf-menu { float:none; }
        .sf-menu > li { float:none; border-top:1px solid #fff;}
        nav.mainnav li { margin:0}
        nav.mainnav > ul > li > a { font-size:16px; line-height:30px; padding-left:10px; }
        nav.mainnav > ul > li:focus, nav.mainnav > ul > li:hover { background:none;}
        nav.mainnav > ul > li > a:focus, nav.mainnav > ul > li > a:hover, nav.mainnav > ul > li.current-menu-item > a, nav.mainnav > ul > li.current-menu-ancestor > a { background-position:10px 32px;}
        nav.mainnav .login-panel {display:none;}
        .sf-menu li.current-menu-parent ul.sub-menu, .sf-menu li.current-parent-item ul.sub-menu {display:none;}
        
        .sidenav li.current {border:none;}
        .sidenav-mobile {margin:-10px 0 10px;}
        .sidenav-mobile .dropdown { background:#ccc; }
        .ios .sidenav-mobile .dropdown { background:none; }
        .sidenav-mobile .dropdown select {width:100%;}
        .footer-bottom {padding-left:0; padding-right:0; }
        .footer-bottom {padding:20px 0 0; }
        .action-more { display:none !important; }
        .home .footer-container { position:relative; }
        .search-wrapper { left:auto; right:48px; width:150px;  top:18px; border-right:1px solid #CCCCCA}
        .search-wrapper input[type="text"] {width:110px;}
        .search-wrapper .btn-search { background-image:url(../images/mobile/btn-search.png); width:22px; height:22px;margin-top:4px;}
        .search-wrapper .btn-search:focus,		
        .search-wrapper .btn-search:hover { background-color:#EFEEEA !important; }
        .search-wrapper.active .btn-search { background-position: left -100px;}
        .welcome {top:3px; font-size:11px; right:9px;}
        .mainnav .sf-menu li { display:block; }
        .btn-mobile-mainnav { position:absolute; top:50px; right:10px;}
        header.loggedin .search-wrapper {top:24px;}
        header.loggedin  .btn-mobile-mainnav {top:28px}
        #controls-wrapper #controls { width:460px; }
        .sf-navbar { margin-bottom:0;}
        .action-nav li { float:none; }
        nav.action-nav li.border { height:0; }
        #controls-wrapper {position: static; }
        .small-nav { position:static; margin-top:15px; }
        .breadcrumb li {margin-bottom:5px;}
        .breadcrumb.has-mini-cart {margin-right:100px;}
        .breadcrumb-mobile-style-2 .breadcrumb {/* background-color:#efefef; padding:5px 10px;*/}
        .breadcrumb-mobile-style-2  li {float:none; padding:3px 0; border:none;}
        ul.list-col4 { margin:-5px 0; margin-left:-5px; margin-right:-5px; }
        ul.list-col4 li { width:145px; margin:0 5px 20px; }
	
        .sidenav { width:100%; border-bottom:1px solid #CCCCCC; margin-bottom:20px; margin-right:0;  }
        .sidenav li { float:left; display:inelin; margin-right:20px;}
        
        /* login popup */
        #panel-login { width:250px;}
        
        /* footer */
        nav.action-nav ul { width:300px;}
        nav.action-nav li { width:100%; border-top:1px solid #ccc; height:49px }
        
        nav.action-nav li:first-child { border-top:0; }
        nav.action-nav li.item-findus .action-more { display:block !important; height:105px; position:static;overflow:hidden; text-align:center}
        nav.action-nav li.item-findus .hidden-wrapper { height:150px !important; }
        nav.action-nav li .item .icon { background-size: 36px; height:36px; line-height:36px; padding-left:40px; }
        nav.action-nav li.item-findus { height:155px}
        nav.action-nav li .hidden-wrapper { height:auto; padding-left:10px; width:100%; }
        nav.action-nav li .item .icon span { font-size:14px; line-height:16px; color:#fff; }
        nav.action-nav li .item { text-align:left; padding:8px 0 5px; border-top:1px solid #ccc; }
        nav.action-nav li .item:first-child { border-top:none; }
        nav.action-nav li:hover .icon  span { color:#5CA737;}
	nav.action-nav li:hover .icon { background-position: 0 -92px;}
        nav.social-links { position:static; margin-bottom:20px; }
        .footer-nav li {margin-bottom:12px; }
        .footer-nav li:first-child,
        .footer-nav li.first-child,
        .footer-nav li:last-child,
        .footer-nav li.last-child{ float:none; }
        .footer-nav li.last-child,
        .footer-nav li:last-child { margin-top:20px}
        .footer-nav li:nth-child(2), 
        .footer-nav li.last-child,
        .footer-nav li:last-child { background:none; }
        .footer-nav, .social-links { text-align:center; clear:both; }
        .footer-nav ul, .social-links ul  { display:inline-block; }
        .footer-nav li.logo-env img {top:0;}
        nav.social-links li { margin-left:13px; }
        
        
        .form-horizontal p.submit {margin-left:0px !important;}
        
        /* Dealer Locator */
        .page-title-container .contact-num .fa-phone { font-size:22px}
        .page-title-container .contact-num { position:static; margin-top:15px;margin-left:10px;  }
        .find-panal .col-right { background-color:#fff;float:none;}
        .find-panal h2.title-find { font-size:18px; line-height:18px; text-transform:uppercase; font-family:"lato_bold";margin:5px 0 10px;}
        .find-panal { margin-top:-10px;}
        .find-panal.two-col-wrapper .col-left, .find-panal.two-col-wrapper .col-right { width:auto}
        .find-panal.two-col-wrapper .col-left { background-color:#E4E5E4;}
        .single-product_category .verosol-contact .contact-method .phone b,
        .contact-method li a { font-size:16px; }
        .contact-method .bg-circle, .verosol-contact .contact-method .bg-circle {  height:28px; width:28px;  -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; }
        .contact-method .bg-circle i.fa { font-size:17px;}
        .contact-method .bg-circle i { margin:6px; }
        .dealer-form { margin-bottom:-12px; }
        .contact-method li { float:none; }
        .location-input { width:280px; }
        .filter.dealer-filter {float:none; width:280px;}
        .dealer-filter input.btn-go {margin-top:20px;}
        .location-wrapper .link-current-location {margin-right:10px;}
        .location-wrapper input[type="text"] { width:228px}
        .location-wrapper .dropdown-state { width:274px; }
        .location-list .distance {position:static;margin-right:5px;}
        .location-wrapper .dropdown-state select { width:274px;}
        .location-wrapper .or { float:none; display:block; font-size:16px; width:32px;  }
        .find-panal .filter .link-checkbox { display:block;}
        .find-panal .col-left {border-bottom:none;}
        .location-wrapper input[type="text"] {width:263px}
        .dealer-form {float:none;width:auto;}
        .filter.dealer-filter a.link-checkbox { margin-left:11px; margin-right:30px;}
        .link-current-location { display:none;}
        .location-list .col-type,
        .location-list .col-indicator{ display:none;}
        .two-col-wrapper .col-right { float:none; }
        .location-list .col-address h4 { font-size:13px; }
        .location-list .col-address { width:180px;font-size:13px; line-height:16px; word-wrap:break-word; }
        .dealer-content .col-left, .dealer-content .col-right { float:none; width:auto !important;}
        .location-list .dealer-type-mobile, 
        .location-list .dealer-type-mobile .col-type { display:block;}
        .internation-location-list.location-list .dealer-type-mobile .col-type {display:none; }
        .internation-location-list.location-list .col-phone {width:105px;}
        .dealer-type-mobile .col-type {float:right;margin-right:0; margin-top:5px;}
        .location-list .col-type .border-circle { height:11px; width:11px;}
        .location-list .col-phone { font-size:13px; }
        .google-map-container {width:auto; height:100%;}
        .google-map-container.google-map-dealer { margin-top:0;}
        .location-list article {padding-left:5px; padding-right:5px;}
        .location-list article.current {border-color:#FFFFFF #FFFFFF #CCCCCC; } 
        .legend-map.desktop-only  { display:none !important;}
        .international-location-wrapper .title-find { float:none; margin:0 0 10px;}             
        .international-location-wrapper .dropdown-state {float:none; }
        .page-template-template-find-us-php .link-direction {display:none !important;}
        
        /* product */
        .rating-wrapper { margin-top:20px;}
        ul.hero-col2 { margin-left:-5px; margin-right:-5px;  }
        ul.hero-col2 li { width:145px; margin-left:5px; margin-right:5px; }        
        ul.hero-col2 li img { width:100% }
        
        .prod-banner {width:300px; border:none;}
        .prod-banner a { width:300px; float:none;}
        .prod-banner a img {width:100%;}
        
        .casestudies-detail .casestudies-detail-right { margin-top:20px;}
        .products-sub img { display:inline; float:left; width:140px; }
        .products-sub article { width:300px;}
        .products-sub article .links-wrapper { float:right; width:130px; padding-top:0; font-size:10px}
        .products-sub img {margin-bottom:10px; margin-left:10px; }
        .products-sub a.link-pricelist {position:static; }
        .products-sub .fa { margin-right:3px; }
        .products-sub a.link-pricelist span { width:18px; display:inline-block; text-align:center; line-height:18px; }
        .breadcrumb-wrapper .cart-mini {margin-top:20px;}
        ul.list-products li a img { height:131px; }
        .products-sub article .thumbnail {width:auto; height:auto; display:inline-block;}
        .product-sub-mobile article {margin-bottom:40px;}
        .product-sub-mobile h3 {font-size:15px;line-height:18px; text-transform:uppercase; font-family:"lato_bold"; color:#5ca737; margin-bottom:15px;}
        .product-sub-mobile .product-details-panel-right {float:left; width:145px; }
        .product-sub-mobile .thumbnail {float:left; margin-right:10px; width:145px}
        .product-sub-mobile .link-list {margin-top:15px; font-size:10px;}
        .product-sub-mobile .icon-link {font-size:10px;}
        .product-sub-mobile .link-list li {float:left; width:155px;margin-bottom:15px;}
        .product-sub-mobile .link-list li.even { width:145px; }
        .product-sub-mobile a.link-pricelist {position:static; }
        .product-sub-mobile a.link-pricelist span { width:18px; font-size:16px; display:inline-block; text-align:center; line-height:18px; }
        .product-details-panel-right .description {min-height:182px}
        .fabrics-sub article { width:298px }
        .fabrics-sub article img { width:100%;}
        .breadcrumb-wrapper .cart-mini { position:static; text-align:right;  }
        .cart-mini { margin:15px 5px 15px 0; text-align:right; }
        .order-sample .order-sample-left h2 { margin-bottom:20px;}
        .form-detail > li { margin-bottom: 10px; }
        .small-nav li { margin-bottom:15px;}
        .form-detail > li > ul > li { float:none; margin-bottom:10px;}
        
        .email-spec-form {width:300px;}
        .email-spec-form .button-wrapper a { display:block; margin-bottom:10px;text-align:center;}
        .email-spec-form .btn {margin-right:10px;}
                
        .order-sample .order-sample-left,
        .order-sample .order-sample-right { width:100%; margin-bottom:40px;}
        .order-sample .subhead .col-details { width:250px;}
        .order-fabric-selection h2 { margin-right:26px;}
        .form-detail > li > ul > li { width:293px; }
        .order-sample-left { font-size:12px; line-height:14px;}
        .order-sample .col-color { width:50px}
        .form-detail input[type="text"], .form-detail input[type="email"] { width:280px;}
       
        .order-sample .col-remove { min-width:58px !important; }
        .two-col-wrapper .col-left { float:none; margin-bottom:20px;}
        .contact-method li, .contact-method li:first-child{ margin:10px; }
        .retailer-details {padding:30px 40px;}
        
        .retailer-details .completedby {width:auto;}
        .retailer-details {margin:0 -10px; padding:10px;}
        .retailer-details-wrapper {margin-left:5px;}
        .retailer-details .button-wrapper {position:static;margin:20px 8px 10px 0;}
        ul.list-products li h3 { font-size:12px;}
        .products-care .care-info { float:none; width:100%;}
        .products-care .care-video { float:none; width:100% }
        .products-care .care-video iframe { width:100% } 
        .products-care .sidebar-right {float:none;width:100%;}
        .contact-widget .contact-method li:first-child,
        .contact-widget .contact-method li.first-child{margin-left:0}
        
        .form-two-col .form-left,
        .form-two-col .form-right { width:300px; float:none; }
        .form-two-col select { width:290px; height:28px}
        .form-two-col .form-detail > li > ul { margin-left:0; margin-right:0;}
        .form-two-col  textarea { width:98% }
        .form-two-col .button-wrapper  { display:block; text-align:center;}
        ul.list-products li .excerpt { display:none; }
        .online-form-site-info.form-two-col-horizontal .form-right .form-detail.form-labelside label.label-sub {width:110px;}
        .online-form.form-two-col-horizontal .form-detail.form-labelside label {width:100%;}
        .online-form-site-info .form-detail .radio-wrapper li {width:140px !important;}
        nav.mainnav .login-panel { position:static; top:auto; border:none; box-shadow:none; width:100%; margin-left:-10px; padding-left:10px; padding-right:10px; padding-bottom:20px; background:#e8e7e5;}
        nav.mainnav .login-panel li { clear:both;}
        nav.mainnav .login-panel label {width:98px;display:inline-block;}
        nav.mainnav .login-panel input.btn-submit {margin-left:98px; }
        nav.mainnav .login-panel .arrow {display:none;}
        
        /* send enquiry */
        .verosol-contact .contact-method .phone {font-size:16px;}
        .verosol-contact .contact-method li {margin:0 0 10px}
        .verosol-contact .col-left,
        .verosol-contact .col-right {float:none;width:300px;}
        .verosol-contact .col-left { margin-bottom:40px;}
        .verosol-contact .contact-info .map {width:120px;display:block;margin-right:0;}
        .verosol-contact .contact-info .map img {width:100%;}   
        .verosol-contact .contact-info h4.subtitle { margin-right:125px;}
        .send-enquiry .comments textarea, .send-enquiry .form-detail .captcha-wrapper  input[type="text"] { width:279px;} 
         
        /* supersized */
        .home .invisible-bg {display:none;}
        #supersized { display:none !important}
        #controls-wrapper { display:none !important;}
        #supersized img { width:320px !important; height:auto !important; }
        
        #theme-my-login #resetpasswordform .form-indent { margin-left:0;}
		
        /* casestudies */
        .casestudies-detail .casestudies-detail-left { width:300px; float:none; padding-top:40px; }
        .casestudies-detail .casestudies-detail-left img.hero { width:100%; }
        .casestudies-detail .casestudies-detail-right{ width:280px; float:none;padding-left:10px;}
        .dropdown-type .selectricItems { min-width:78px}
        .isotope .element-content { overflow:hidden; width:146px; height:146px}
        .filter .link-checkbox { display:none; }
        .filter { width:300px; float:none;}
        .filter .dropdown-country { border-left:none; float:left; }
        .filter .selectricWrapper { background:#ccc;}
        .hero-wrapper {height:306px;}
        .dropdown-type  { width:80px; float:left; }
        .isotope .isotope-item { position:relative !important; transform:none !important; -ms-transform:none !important;-webkit-transform:none !important; width:146px !important; height:146px !important; float:left; }
        .variable-sizes .element.element-portrait img { width:100% }
        .variable-sizes .element.element-sqaure img,
        .variable-sizes .element.element-landscape img { height:100% }
        .variable-sizes .element.element-landscape img { margin-left:-150px }
        .case-thumbnail li { width:69px; }
        .case-thumbnail img{ width:100%;}
        .list-case-detail li {padding-left:5px;padding-right:5px;}
        .list-case-detail li > span {padding:0}
        .list-case-detail p {width:98%}
        
        /* submit case studies */
        .form-two-col-horizontal .form-detail.form-labelside label { display:block; text-align:left; width:200px; margin-bottom:5px;}
        .form-two-col-horizontal .form-left, .form-two-col-horizontal .form-right {float:none; margin-right:0; width:300px;}
        .form-detail .add-remove-wrapper a {margin-right:10px}
        .retailer-details .completedby {position:static;margin-bottom:20px;}
        .page-template-template-submit-case-studies-php .btn-right {margin-right:8px;}
        .page-template-template-submit-case-studies-php #email_ver_error {margin-left:0;}
        
        /* media */
        .image-gallery-wrapper { float:none; width:100%; }
        .image-gallery-wrapper article { width:140px;}
        .image-gallery-wrapper article .fancybox img { width:140px; height:137px; }
        .image-action-wrapper { padding-left:0; padding-right:0;}
        .image-action-wrapper .icon-zoom { right:0; }
        .image-action-wrapper .icon-zoom.icon-link .fa { margin-right:0; }
        .list-media-updates,.media-preview {float:none; clear:both;}
        .list-media-updates,
        .list-media-updates article {width:100%}
        .list-media-updates article .content {width:220px;}
        .list-media-updates figure {width:70px; margin-right:10px;}
        .list-media-updates figure img {width:100%; height:100%;}
        /*.list-media-updates,*/ .media-preview {width:300px; margin:0 auto; }
        .single-product_category .verosol-contact .contact-method .phone b {display:none;}
        .media-preview-img {width:100%;}
        .media-left {width:300px}
        .page-template-template-media-enquiries-php .verosol-contact {padding-top:0;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-method li.first-child, .page-template-template-media-enquiries-php .verosol-contact .contact-method li:first-child {width:100%;}         
        .page-template-template-media-enquiries-php .verosol-contact .contact-info article {float:none; width:100%; margin:0 0 20px; position:relative;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-method .phone b {display:none;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info .map {width:125px; position:absolute; right:0; top:18px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info .map img {width:100%;}
        
        /* knowledge centre */
        .knowledge-centre-top h1.knowledge-centre-heading { font-size:24px; line-height:24px;}
        .knowledge-centre-heading .line { height:4px; left:214px; top:28px; width:49px; }
        .knowledge-centre-top { width:300px; font-size:13px; line-height:15px;}
        .knowledge-item { margin: 0 -5px;}
        .knowledge-item li a {width:133px; }
        .knowledge-item .fa {font-size:35px;line-height:35px;}
        .knowledge-item .fa.desktop-only {display:none;}
        .knowledge-item span.h3 {font-size:16px; font-weight:bold; line-height:18px; min-height:36px;}
        .knowledge-item .knowledge-item-style-1 li a {color:#000;}
        .knowledge-item li a {height:95px !important;width:102px;}
        .knowledge-item .knowledge-item-style-1 li {min-height:0}
        .knowledge-item .knowledge-item-style-1 li { background:#fff; border:1px solid #C0C0C0; color:#716D6E; }
        .knowledge-item .knowledge-item-style-1 li:focus a,
        .knowledge-item .knowledge-item-style-1 li:hover a,
        .knowledge-item .knowledge-item-style-1 li:focus .fa,
        .knowledge-item .knowledge-item-style-1 li:hover .fa,
        .knowledge-item .knowledge-item-style-1 li:focus h3,
        .knowledge-item .knowledge-item-style-1 li:hover h3 { color:#5CA737 !important; 
          -webkit-transition: all 0.1s ease-out; 
             -moz-transition: all 0.1s ease-out;
               -o-transition: all 0.1s ease-out;
                  transition: all 0.1s ease-out;
        }
        .knowledge-item li {margin:0 5px 10px}
        .knowledge-item li:focus .big-icon.big-icon-5,
        .knowledge-item li:hover .big-icon.big-icon-5 {border-color:#5CA737}
        .knowledge-item .info{display:none !important;}
        .knowledge-item span.h3,.knowledge-item .fa {color:#231F20; margin-bottom:8px;}
        .knowledge-item .big-icon { font-size:35px; line-height:35px;}
        .knowledge-item .knowledge-item-style-2 li { margin-bottom:10px;}
        .knowledge-item .knowledge-item-style-1 li:focus,
        .knowledge-item .knowledge-item-style-1 li:hover { background-color:#fff; }
        .ie8 nav.action-nav li .item { padding:8px 0;}
        .ie8 nav.action-nav li .item .icon { padding-left:48px; line-height:38px; height:38px; }
        .ie8 nav.action-nav li:hover .item .icon { background-position:0 -100px !important; }
        .ie8 .footer-bottom { background-color:#d1d1d1; }
        
        .form-horizontal label { display:block; margin-bottom:5px;}        
        .btn-warranty .num {display:block;background-position:center bottom; margin:6px 0 10px;}
        
        /*  matrix*/
        .matrix-content-wrapper article h5,
        .matrix-content-wrapper article ul { float:none; }
        .title-spec,
        .matrix-content-wrapper article h5 {padding-left:0 !important;}
        .matrix-content-wrapper .sub-head-wrapper ul {display:none;}
        .matrix-content-wrapper .sub-head-wrapper h5{padding-bottom:10px;}
        
        .matrix-content-wrapper article ul li {width:80px;margin-right:10px;}
        .matrix-header {display:none;}
        .matrix-content-wrapper .fa {margin-right:5px;}
        .matrix-content-wrapper article ul li .mobile-only {display:inline-block !important;}
        .matrix-wrapper {width:300px}
        .matrix-content-wrapper article ul li.current {background-color:transparent;}
        .matrix-content-wrapper article ul li.current a {color:#5CA737;}
        
        .big-heading  {font-size:15px;line-height:18px;}
        .big-heading .underline {font-size:44px;line-height:48px;}
        .big-heading .underline {background-position:0 46px;}
        .who-we-are .intro {font-size:17px;line-height:22px; margin-bottom:25px; }
        .who-we-are .flexslider .slides > li {float:none !important;}
        .who-we-are .flex-direction-nav, .who-we-are .flex-control-paging { display:none ;}
        .who-we-are .flexslider .slides {height:100%; width:100% !important;transform:none !important;}
        .who-we-are article {margin-left:0; }
        .who-we-are .description {font-size:13px; line-height:18px;}
        .who-we-are .description h3 {font-size:19px; line-height:22px}
        .who-we-are .thumbnail { width:80px;margin-right:15px;}
        .who-we-are .description {width:205px;}
        .next-section {display:block; margin-right:0; text-align:left;}
        .next-section a {background-size:22px;padding-right:40px;text-align:left; }
        .next-section {font-size:12px;line-height:15px;margin-bottom:40px;}
        .next-section .label span {font-size:18px;line-height:26px;}
        .flexslider .slides .next-section img {width:22px;margin-top:17px;}
        
        /*  competition */
        .competition-form .checkbox-row {padding-left:0;}
        .competition-form .wpcf7-list-item-label {width:305px;}
        .competition-form.form-two-col-horizontal .form-detail.form-labelside label {width:110px;}
        .list-prize figure img {width:100px;}
        .list-prize .desc {width:185px;}
        .competition-form .wpcf7-list-item-label {width:274px; margin-top:0}
        .list-prize article {width:300px}
        
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {



        .mobile-landscape-only {display:block;}
        .mobile-portrait-only {display:none;}

	.header-container, .footer-container, .content-container  { min-width:480px; margin:0 auto; }
	.header-container header, .footer-container footer { width:460px; }
        
        ul.list-col4 li { width:225px;}
        .content-container .wrapper { width:460px; margin:0 auto;}
        
        .flexslider { width:480px;}
        .flexslider .slides { height:185px;}
        .flex-caption{   left:60px; z-index:200; padding:25px 20px 20px; text-align:center; width:320px}
        .hero-caption { top:29px; width:300px; margin-left:-150px; padding:17px 0; }
        .hero-caption h2 { font-size:16px; line-height:16px; margin-bottom:8px; }
        .hero-caption h5 { font-size:14px; line-height:14px; padding-top:11px; }
        .flex-caption h3 { font-size:16px; line-height:16px; margin-bottom:7px;  }
        
        /* footer */
        nav.social-links { position:static; margin-bottom:20px; }
        .footer-nav li {margin-bottom:12px; }
        .footer-nav li:first-child,
        .footer-nav li.first-child,
        .footer-nav li.last-child, 
        .footer-nav li:last-child { float:none; }
        .footer-nav li.last-child, 
        .footer-nav li:last-child { margin-top:20px}
        .footer-nav li:nth-child(2), 
        .footer-nav li.last-child,
        .footer-nav li:last-child { background:none; }
        .footer-nav, .social-links { text-align:center; clear:both; }
        .footer-nav ul, .social-links ul  { display:inline-block; }
        .footer-nav li.logo-env a {top:0;}
        nav.social-links li { margin-left:13px; }
        .ie .footer-nav > ul > li:nth-child(2), 
        .ie .footer-nav > ul > li.child2 {margin-left:141px}
        nav.action-nav ul { width: 460px; }
        nav.action-nav li .hidden-wrapper {width:445px;padding-left:15px;}

        /* product */
        ul.hero-col2 li { width:225px;}
        .products-sub article { width:460px;}
        .products-sub article .links-wrapper { width:290px;}
        ul.list-products li a img { height:204px; }
        
        
        .prod-banner {width:460px;padding-top:0;margin-bottom:20px;}
        .prod-banner a { width:225px; float:left;}
        .prod-banner .banner-warranty {margin-right:10px;}
        
        .order-sample .subhead .col-details { width:410px;}
        .form-detail > li > ul > li { width:auto; }
        .form-detail > li > ul.sub > li {width:100%;}
        .fabrics-sub article { width:420px }
        .form-detail input[type="text"], .form-detail input[type="email"] { width:450px;}
        
        .form-two-col .form-left, .form-two-col .form-right { width:460px;}
        .form-detail > li > ul > li {  margin-left:0; margin-right:0; }
        .form-two-col select { width:460px;}
        
        .form-horizontal p.submit {margin-left:122px;}
        #resetpasswordform .form-horizontal p.submit { margin-left:147px !important;}
        #theme-my-login #resetpasswordform .form-indent { margin-left:146px;}
        
        .product-sub-mobile .thumbnail {width:210px;}
        .product-sub-mobile .product-details-panel-right {width:240px;}
        .product-details-panel-right .description {min-height: 0;}
        
        
        .email-spec-form {width:420px;}
        .email-spec-form .button-wrapper a { display:inline-block; }
        .email-spec-form .btn.btn-dark {margin-right:0;}
        
        /* dealer locator */
        .dealer-form {width:300px;}
        .location-input {width:230px;}
        .filter.dealer-filter {float:left; width:140px}
        .legend-map li {float:left;margin:0 0 0 20px;}
        .dealer-form {float:left;}
        .dealer-filter input.btn-go {margin-top:2px;}
        
        /* knowledge centre */
        .knowledge-item li a {  width:182px; height:140px !important;}
        .knowledge-item .info {display:block !important;font-size:12px;line-height:14px;}
        .knowledge-item .knowledge-item-style-1 li,
        .knowledge-item .knowledge-item-style-2 li {min-height:128px;}
        .knowledge-item h3 { min-height:16px;margin-bottom:15px}
        .matrix-wrapper {width:450px;}
                             
        /* casestudies */
        .casestudies-detail .casestudies-detail-left { width:460px; }
        .casestudies-detail .casestudies-detail-right{ width:460px; }
        .filter { width:360px;}
        .dropdown-type  { width:138px; float:left;}
        .location-list .col-address { width:330px; }
        .dropdown-type .selectricItems{ min-width:136px }
        .case-thumbnail li { width:109px; }
        .hero-wrapper {height:470px;}
        
        /* submit case studies */
        .form-two-col-horizontal .form-left, .form-two-col-horizontal .form-right {width:420px;}
        .form-two-col-horizontal .form-detail.form-labelside label { display:inline-block; text-align:left; width:110px;}
        .online-form.form-two-col-horizontal .form-detail.form-labelside label { width:110px;}
        .form-detail .add-remove-wrapper a {margin-right:10px;}
        .form-two-col-horizontal .form-detail.form-labelside > li > ul {width:294px;}
        .page-template-template-submit-case-studies-php .btn-right {margin-right:48px;}
        .page-template-template-submit-case-studies-php #email_ver_error {margin-left:120px;}
        
        /* send enquiry */
        .verosol-contact .col-left,
        .verosol-contact .col-right {width:420px;}
        .verosol-contact .contact-info .map {width:175px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-method li.first-child, .page-template-template-media-enquiries-php .verosol-contact .contact-method li:first-child {width:420px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-method .phone b {display:inline-block;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info article {float:left;width:185px; margin-right:50px;}
        .page-template-template-media-enquiries-php .verosol-contact .contact-info article .map {position:static; width:185px;}
        .send-enquiry .comments textarea {width:400px;}
        .send-enquiry .form-detail .captcha-wrapper  input[type="text"] { width:400px;} 
        
        
        /* media */
        .image-gallery-wrapper article { width:220px;}
        .image-action-wrapper { padding-left:5px; padding-right:5px;}
        .image-action-wrapper .icon-zoom { right:5px; }
        .location-list .col-phone { width:104px;}
        .image-action-wrapper .icon-zoom.icon-link .fa {margin-right:0;}
        
        .list-media-updates article .content {width:380px;}
        .image-gallery-wrapper article .fancybox img { width:220px; height:215px; }
        .single-product_category .verosol-contact .contact-method .phone b {display:inline-block;}
        .media-left {width:460px}
        .page-template-template-media-enquiries-php .verosol-contact .col-right {width:420px; }
        
        .who-we-are .thumbnail {width:160px;}
        .who-we-are .description {width:285px}
        
        
        .competition-form .wpcf7-list-item-label {width:390px}
        .list-prize figure img{width:130px;}
        .list-prize .desc {width:290px}
        .list-prize article {width:460px;}
        
        
}