/* Tablet to Large Desktop */
@media (min-width: 768px) {
  .logo{ position: absolute; top: 20px; left: 0; }
  .main-nav{ padding-left: 190px; padding-right: 60px; float: right;font-size:14px; }
  .main-nav .MenuBar { float: left; clear: none; }
  .main-nav .navbar-nav>li{width: 38%;}
  .main-nav .navbar-nav>li:nth-child(2),
  .main-nav .navbar-nav>li:nth-child(5){width: 28%;}
  .main-nav .navbar-nav>li:nth-child(3),
  .main-nav .navbar-nav>li:nth-child(6){width: 34%;}
  .main-nav .navbar-nav>li>a{ padding-top: 8px; padding-bottom: 8px;}
  .main-nav .dropdown-menu { width: 310px;}
  .main-nav .dropdown:first-child .dropdown-menu{width:470px;}
  .main-nav .dropdown:nth-child(3) .dropdown-menu,.main-nav .dropdown:nth-child(6) .dropdown-menu{width:160px;}
  .main-nav .dropdown-menu .tl-menuitem{width: 100%; padding: 0 10px;}
  .main-nav .nav .dropdown-menu .tl-submenu{padding: 0 0 10px 0; }
  .main-nav .dropdown-menu .tl-menu{float: left; width: 135px; margin: 0 10px;}
  .main-nav .dropdown-menu .tl-menu .tl-menuitem{padding: 0;}
  .main-nav .dropdown-menu>li>a,.main-nav .dropdown-menu .tl-menuitem a{padding: 10px 0;}
  .main-nav .navbar-nav .open .dropdown-menu li li a{padding-left:0;}
  .main-nav .nav>.dropdown:hover>.mlink{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
  .main-nav .nav>.dropdown:hover>.mlink:after{content: '';position: absolute;left: 0;right: 0;bottom: -10px; height: 20px;background: #fff;z-index: 9999;}
  .tl-submenu li a{position: relative; padding-left: 20px!important;}
  .tl-submenu li a:before{content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; float: left;width: 5px;height: 5px;background: url(../images/munro/icon-bullet.png); }
  .checkout-link{ top: 20px;}
  .cart-link a, .search-link a{margin:5px 10px;}
  .logo { float: left; }
  .alert-free { padding: 15px; font-size: 16px;}
  .banner-txt .banner-txtout{padding: 10px 20px;}
  .homec-btm{padding: 30px 20px;}
  .home-btm .nlform{float: left;width: 70%; padding-left: 25px;padding-right: 25px;}
  .home-btm .social-btm{float: right;width: 28%;padding-top: 25px;}
  .social-btm .stitle{padding-bottom: 10px;}
  .footer-row{ position: relative; float: left; width: 100%;  padding: 10px 10px 0; }
  .footer-column{float: left;width: 27%;padding-right: 15px;}
  .fc-3, .fc-4, .fc-5{ width: 15%;}
  .fc-5{ padding-right: 0; padding-left: 15px;}
  .fc-1 .fcollapse li, .fc-2 .fcollapse li{ float: left; width: 50%; padding-right: 10px; }
  .fc-1 .fcollapse li:nth-child(odd){clear:both;}
  .fcollapse li li{ width: 100%!important; padding-right: 0;}
  .footer-column:before{content: '';position: absolute;left: 26%;top: 0;bottom: 0;border-left: 1px solid #444;}
  .fc-1:before{display: none;}
  .fc-3:before{left: 52%;}
  .fc-4:before{left: 67%;}
  .fc-5:before{left: 83%;}
  .footer .link-head{padding: 10px 0; margin: 0 0 10px;color: #c71010;border-bottom:none;}
  .footer .link-head:after{content:'';float:left; position: absolute; left: 0; bottom: 0; height:2px; width:20px;border-top:1px solid #c71010;}
  .fcollapse{ display: block!important; height: auto!important;}
  .fcollapse ul{float:left;width:100%;padding: 0 0 10px 0;}
  .fcollapse li a{ padding: 0;}
  .footer-bottom{ border-top: 1px solid #2a2a2a;}
  .footer-bottom:after{display: none;}
  .ulinks{float: left;}
  .cc-logos{float: right;}
  .allright{display:inline-block;}
  .product-list-featured{display: block;}
  .featured-carousel{display: none;}
  .stitle{font-size: 20px;}
}

@media (min-width: 992px) { 
  .contact-phone, .about-link{margin: 9px 8px 8px 14px; padding-left: 17px; }
  .about-link a:before { left: 2px; }
  .cart-link a {margin-left: 20px; margin-right: 20px;}
  .header-btm{padding: 15px 0;}
  .logo{ position: static; }
  .main-nav{ padding-left: 0; padding-right: 0;font-size:16px;}
  .main-nav .nav>li:last-child{display: none;}
  .main-nav .nav>li>a{padding-left: 9px;padding-right: 9px;}
  .main-nav .navbar-nav>li{width: auto!important;}
  .main-nav .navbar-nav>li>a{ padding-top: 15px; padding-bottom: 15px;}
  .main-nav .dropdown-menu{width:390px;padding: 15px 10px;}
  .main-nav .dropdown:first-child .dropdown-menu{width: 580px;}
  .main-nav .dropdown:nth-child(3) .dropdown-menu,.main-nav .dropdown:nth-child(6) .dropdown-menu{width:300px;}
  .main-nav .dropdown:nth-child(5) .dropdown-menu{left:-120px;}
  .main-nav .dropdown-menu .tl-menu{ width: 155px; margin: 0 15px;}
  .main-nav .dropdown-menu .tl-menu .tl-menuitem{float: none; width: auto;}
  .main-nav .dropdown-menu .tl-menuitem{float: left; width: 50%; padding: 0 15px;}
  .checkout-link{ position: static;}
  .checkout-link a{width:auto;padding-left: 55px; text-indent: 0;}
  .checkout-link a:before{left: 15px;}
  .checkout-link .cnt{left: 30px;}
  .search-box { width: 270px; }
  .LayoutMiddle,.c-box,.home-content{padding: 25px;}
  .LayoutMiddle, .c-box { margin: 30px 0;}
  .homec-btm{padding-left: 0;padding-right: 0;}
  .list-brands img{max-height: 50px;}
  .vr-lbl, .addto-qty .ProductDetailsQuantity{width:20%;}
  .vr-opt, .addto-act{width: 75%;}
  .footer { margin-bottom: 20px;}
  .footer-row{
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-column{width: 23%;padding-right: 20px;}
  .fc-2{ width: 20%;}
  .fc-3, .fc-4{ width: 17%;}
  .fc-5{padding-right: 0;}
  .fc-2:before{left: 22.5%;}
  .fc-3:before{left: 42%;}
  .fc-4:before{left: 58%;}
  .fc-5:before{left: 76%;}
  .fc-2 .fcollapse li{ float: left; width: 50%; padding-right: 10px; }
  .footer-middle{padding: 10px;}
  .acceptedCreditCardLogos div{margin-left: 0;}
}

/* Large desktop */
@media (min-width: 1200px) { 
  .main-nav .nav>li>a{padding-left: 15px;padding-right: 15px;}
  .main-nav .nav>li:last-child{display: inline-block;}
  .main-nav .dropdown-menu{width: 430px;}
  .main-nav .dropdown:first-child .dropdown-menu{width:635px;}
  .main-nav .dropdown:nth-child(5) .dropdown-menu{left:0;width: 370px;}
  .main-nav .dropdown-menu .tl-menu{width: 175px;}
  .main-nav .dropdown:nth-child(5) .dropdown-menu .tl-menu{width: 140px;}
  .cart-link a{padding-left: 20px;padding-right: 20px;}
  .social-btm a{margin-right:45px;}
  .fc-1{width: 27%;}
  .fc-1 .fcollapse li{width: 31%;}
  .fc-1 .fcollapse li:nth-child(odd){clear: none;}
  .fc-3{width: 13%;}
  .fc-4,.fc-5{width: 20%;}
  .fc-4 .fcollapse li,.fc-5 .fcollapse li{float: left; width: 50%;padding-right: 10px;}
  .fc-5 .fcollapse li:nth-child(odd){clear: both;}
  .fc-2:before{left: 26%;}
  .fc-3:before{left: 46%;}
  .fc-5:before{left: 78%;}
  .acceptedCreditCardLogos div{margin-left: 10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
  .home-contents{padding: 0;}

  .LayoutBottom .container{padding: 0;}
  .LayoutBottom .row{margin: 0;}
  .footer-middle{padding-left: 10px;padding-right: 15px;}
  .footer-middle .col-sm-pull-3{padding-right: 0;}
  .footer-middle .col-sm-push-8{padding-left: 0;}
  .footer-links li a{font-size: 13px;padding: 5px;}
  .acceptedCreditCardLogos{text-align: right;}
  .acceptedCreditCardLogos div{width: 28px;height: 18px;margin-left: 3px;margin-right: 3px;}
  .acceptedCreditCardLogos .amex{width: 20px;}

  .CompGridProduct-list > div div.category-product {width:33%}
  .CompGridProduct-list > div div.category-product:first-of-type, .CompGridProduct-list > div div.category-product:nth-of-type(2) { width:50%;}
  .CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:400px; line-height:400px;}
  .CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:205px; line-height: inherit; margin-bottom: 0px; }
  .CompGridProduct-list > div div.category-product:first-of-type .thumbnail:hover .quick-view {top:100px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  .LayoutTop .container{padding: 0;}
  .header-top{padding: 0 10px;}
  .header-btm{padding: 0;}
  .logo{padding: 10px 0;}
  .checkout-link{right: 10px;top: 20px;}
  .checkout-link a{width: 30px; height: 30px; padding: 0;}
  .checkout-link a:before{width: 22px; height: 22px; top: 4px;left: 4px;margin: 0;background-size: contain; background-position: 50% 50%;}
  .checkout-link .cnt{left: 15px;top: 3px;}
  .main-nav{background: #0c2975;}
  .main-nav .navbar{border: none;}
  .main-nav a{color: #fff;border-bottom: 1px solid #213e88;}
  .HomePage .LayoutMiddle, .home-contents, .LayoutBottom .container, .LayoutBottom .row{margin: 0; padding: 0;}
  .home-banner{max-height: 250px;}
  .banner-title{font-size: 16px;}
  .banner-title .bt-in{font-size: 36px;}
  .social-btm a{min-width: 40px;}
  .footer-row{padding-top: 10px; padding-bottom: 15px;}
  .footer-middle{border-top: none;padding-top: 0;}
  .footer-middle .col-xs-12{padding: 0;}
  .footer-links li{min-width: 100px;}
  .acceptedCreditCardLogos{text-align: center; padding: 0 10px 10px; margin-bottom: 5px; border-bottom: 1px solid #444;}
  .PhotoBgThumbnails {float:none;}
  .CompGridProduct-list > div div.category-product {width:50%}
  .CompGridProduct-list > div:nth-of-type(2n+1) div.category-product:first-of-type, .CompGridProduct-list > div:nth-of-type(1n+1) div.category-product:first-of-type { width:100%;}
  .CompGridProduct-list > div:nth-of-type(2n+1) div.category-product:first-of-type, .CompGridProduct-list > div:nth-of-type(1n+1) div.category-product:first-of-type a {height:inherit;}
  .CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:300px; line-height:300px;}
  .CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:300px; line-height: inherit; margin-bottom: 0px; }
  .CompGridProduct-list > div:nth-of-type(1n+1) div.category-product {float:left;}
  .CompGridProduct-list > div div.category-product:first-of-type .thumbnail:hover .quick-view {top:100px;}
  .content-area{padding:0;}
  .buywith-product .thumbnail{min-height: 100px; line-height: 100px;}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
  .CompGridProduct-list > div div.category-product {width:100%}
  .CompGridProduct-list > div div.category-product:first-of-type a, .CompGridProduct-list > div div.category-product:nth-of-type(2) a { max-height:inherit; height:inherit; line-height:inherit;}
  .CompGridProduct-list .category-product .thumbnail { min-height: inherit; height:inherit; line-height: inherit; margin-bottom: 0px; }
}