@media screen and (max-width:1199px) {
	.navbar-default .navbar-nav > li > a{ font-size:13px;}
	.navbar-fixed-top, .navbar-fixed-bottom{ position:relative;}
	body{background-attachment:scroll;}
	ul.footerList li a { font-size:14px;}
	.imgbg h1 { font-size:40px;}
	.greybox p br { display:none; }	
	.desc { font-size:16px;}
	.col { width:90%; margin:0 5% 20px;}
	.col h1 { font-size:20px;}
	.pattern .logos .item { width:auto;}
	.navbar-default .navbar-nav > li { padding:21px 6px 19px;}
	.topCol .left { max-width:160px;}
	.phnNo span { font-size:12px;}
	.logo {padding: 16px 10px 6px;}
	.phnNo { min-height:inherit;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.navbar-default .navbar-nav > li { padding:21px 5px 19px;}
}
	
	

}


@media screen and (max-width:992px){
	
	.navbar-default .navbar-nav > li {     padding: 21px 2px 19px;}
	 nav.topNav ul{ margin:24px 0 0 0;}
	.navbar-default .navbar-nav > li > a{ font-size:12px;}
	.textBox { margin-bottom:15px;}
	.tittle { font-size:40px;}
	.formnewsletter { padding-bottom:15px; margin-bottom:30px;}
	.fbwidget { max-width:inherit;}
	.column .right { font-size:16px;}
	.payIcons a { margin-right:6px;}
	.payIcons { margin:15px 0px;}
	.imgbg h1 { font-size:30px;}
	.imgbg .subheading { font-size:18px;}
	.greybox p { font-size:14px;}
	.logos .owl-carousel { padding:0px;}
	.col , .colinner {-webkit-transform: skew(18deg);-moz-transform: skew(18deg);-o-transform: skew(0deg);transform: skew(18deg); float:left; width:100%;}
	.pattern .yellowbutton { margin:0 0 30px 0;}
	.col { width:100%; margin:0 0 20px 0;}
	.pattern .container { margin-top:0px;}
	.phnNo span { font-size:12px;}	
	.phnNo i.fa , .topLinks a i.fa {font-size: 18px;height: 30px;line-height: 30px;width: 30px;}
	.topLinks { text-align:center;}
	.topLinks a i.fa { float:none; display:inline-block;}
	.topLinks a { margin-left:1px;}
	.topCol .left { width:100%; max-width:inherit; margin-bottom:10px;}
	.topCol .right { float:left;}
	.topCol { padding-top:40px;}
	.phnNo { padding-bottom:65px;}	.col h1 {
  font-size: 19px;
}
.logo {
      padding: 16px 2px 3px;
}

    header {
            margin-bottom: -40px;
    }

    .pattern {
        padding: 0;
       
    }

    .pattern .col {
        padding: 10px 5px 11px;
		-webkit-transform: skew(-18deg);
			-moz-transform: skew(-18deg);
			-o-transform: skew(-18deg);
			transform: skew(-18deg);
    }

}

@media screen and (max-width:840px){
	.prev-legacy  { left:0;}
	.next-legacy { right:0px; }
	
	
	}
@media screen and (max-width:767px){
	nav.topNav ul li{ padding:0 10px;}
   	.navbar-default .navbar-nav > li{ display:block; border-bottom:1px solid #202020; border-right:0px solid #000;}
   	.navbar-default .navbar-nav > li > a{ font-size:14px;}
   	.navbar-nav { margin:10px 0px; float:left; width:100%;}
   	.navbar-collapse{ padding:0px;}
   	.navbar-header { padding-left:15px;}
   	.menuText{ display:block;}
	.navbar-fixed-top, .navbar-fixed-bottom{ position:relative;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#727169;}
	.tittle { font-size:30px;}
	.fbwidget { text-align:center; margin-bottom:30px;}
	.fbwidget img { float:none; display:inline-block; height:auto; width:auto; max-width:100%;}
	.greybox { padding:25px 0 15px;}
	.navbar-default .navbar-toggle { border-color:#fff;}
	.navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
	.greysection { padding-bottom:25px;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:transparent;}
	.img { float:left; width:100%; text-align:center; margin-bottom:15px;}
	.img img { float:none; display:inline-block; width:auto; max-width:100%; height:auto;}
	.logo { text-align:center; border:0px solid #000; padding: 0 2px 3px; width: 80%;}
	.logo img { float:none; display:inline-block; width:auto; max-width:100%; width:auto; height:auto;}
	.phnNo { padding:0px; border:0px solid #000;margin-top: 34px;}
	.topCol { padding-top: 0;}
	.topLinks a { margin:0;}
	 .selection1, 
	 .selection2, .selection3
{ position:relative; float:left; width:100%;}  
.col h1 {
  font-size: 20px;
}.phnNo{ text-align:center;}.topCol .left label{ text-align:left; padding-top:10px;}
.topCol .right {
  float: none;
}.topLinks {
  float: none;
  width: 100%;
  display: inline-block;
  margin-top: -15px;
}.topLinks a {
  display: inline-block;
  float: none;
  text-align: center;

}.col{ padding:15px;}

.payIcons a {
  float: left; margin-right:10px;
}
.payIcons a img { float:left; max-width:100%;}

.spn-vc-cartitem-count {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    height: 25px;
    line-height: 0px;
    position: absolute;
    text-align: center;
    width: 24px;
}
/*.payIcons {
  display: inline-block;
  float: none;
  text-align: center;
  width: 100%;
}
.socialIcons a {

  display: inline-block;
  float: none;
 
}
.socialIcons {
  display: inline-block;
  float: none;
  text-align: center;
  width: 100%;
}
.column {
  display: inline-block;
  float: none;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
.column .left {

  display: inline-block;
  float: none;

  text-align: center;

}
.column .right {
 
  float: none;

  text-align: center; display:inherit; margin-bottom:5px;
}*/
ul#mainNavigationBar li ul {
                position: relative;
            }

            #mainNavigationBar li a.toggleMenu {
                display: inline-block !important;
                float: right !important;
                height: auto !important;
                line-height: normal !important;
                padding: 0 !important;
                position: relative !important;
                right: 6px !important;
                top: inherit;
                transform: inherit;
                width: auto !important;
                background: #000000 !important;
                color:#dddddd;
                transform: translateY(-116%);
            }

            .subMenu {
                display: none;
            }

            ul.subMenu > li {
                border-bottom: 1px solid white;
            }

            ul#mainNavigationBar li ul {
                width: 100%;
                border: none;
            }

            ul.subMenu {
                background-color: #000000 !important;
            }

    .cartItemCount {
        margin-top: 4px !important;
    }

    header {
       margin-bottom: 0px;
    }
}

.index-brands {
    margin-left: 39px;
}

@media screen and (max-width:640px){
	.imgbg h1 { font-size:25px;}
    header {
       margin-bottom: 0px;
    }
}


@media screen and (max-width:480px){
	.full {float: left;padding-bottom: 8px;width: 100%;}
	.logo { margin-top:0px; width:100%; text-align:center;padding-top: 0;}
	.logo img { float:none; display:inline-block; width:auto; max-width:100%; height:auto;}
	.imgbg h1 { font-size:22px;}
	.imgbg .subheading { font-size:16px;}
	
    .pattern {
        padding:0px;
        margin-top: 0px;
    }	
    .phnNo{ margin-top: 10px; }
    .topCol {
        margin-bottom: 0px;
        padding-top: 5px;
    }

    .topLinks {
        margin-top: -5px;
    }

    header{
      padding-bottom: 10px;
      margin-bottom: 0px;
    }

    .pattern .yellowbutton {
        margin: 0 0 10px 0;
    }

    .pattern .col {
        padding: 5px 15px 6px 15px;
        transform: skew(0deg);
    }

    .col, .colinner {
            transform: skew(0deg);
    }

}

@media screen and (max-width:445px){
	nav.topNav ul{ text-align:center; margin:16px 0 10px;}
	nav.topNav ul li a{ font-size:13px;}

}

@media screen and (max-width:380px){
    .topLinks a{
        margin: -1px;
    }
}


@media screen and (max-width:360px){
	nav.topNav ul li{ padding:0 8px;}

}