@charset "utf-8";
/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1380px) {
	.left .right-side li { padding-left:25px;}
	.enumenu_ul.desk li ul.left li.right-side ul li a { font-size:15px;}
	.custom-back h4 { font-size:24px; line-height:normal; padding-bottom:20px;}
}
@media (max-width:1200px) {
    .main { width:100%; padding:0 15px;}
    .bottom-menu::after { width:80%;}
    .flag { width:61%;}
    .botatl { width:36%;}
    .buy-shop-left { width:67%;}
    .shop-top-right.uparlay img { height: 438px;}
    .enumenu_ul.desk > li.active > a:before { bottom:-2px;}
	.enumenu_ul.desk > li > a:hover:before { bottom:-2px; }
    .item li { width:33%; }
.top-right ul{vertical-align:inherit;}
	.enumenu_ul .left > li {
		padding: 16px;
		width: 26%;
	}
	.enumenu_ul .left li.right-side {
		width: 74%;
	}
	.custom-back {
		padding: 23px 15px;
	}
}
@media (max-width:1050px) {
	.enumenu_ul .left > li {
		width: 30%;
	}
	.enumenu_ul .left li.right-side {
		width: 70%;
	}
	.left .right-side li {
		width: 50% !important;
	}
}
/*------------tablet portrait  view------*/
@media (max-width:1024px) {
    .left .right-side li {
    padding-left: 18px;
}
.enumenu_ul.desk > li.active > a:before { bottom:-5px;}
.enumenu_ul.desk > li > a:hover:before { bottom:-5px; }
.enumenu_ul .left li.right-side{  padding: 25px 0 0;}
    .shop-top-right.uparlay img { height:auto;}
    .left-top .uparlay > img {  height: auto;}
	.shop-bottom-right.uparlay img { height:auto;}
    .item li {
  
    width: 33%;
}
.nametapes { width:48.5%;}
.collers { width:48.5%;}
.bottom-right { width:630px;}
    .item li:last-child { margin-right: 0%;}
	.right-side-header { width: 630px;}
	.logo {  padding-left: 12px;}
	.top-right h5 { font-size:16px;}
	.enumenu_ul > li { margin-right:40px;}
	.top-right ul li a { font-size:13px;}
	.enumenu_ul li a { font-size:17px;}
	.item li {
    width: 30%;
	vertical-align:bottom;
}
.item ul li h2 { font-size:24px;}
.item ul li p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
    max-width: 200px;
}
.item span::before { width:75px;}
.item span::after { width:75px;}
.buy-shop .army-store::after { left:-2px;}
.army-store { padding-bottom:12px; padding-top:12px;}
.army-store p { font-size:20px;}
.list-item .learn-more { margin-top:25px;}
.item ul li::after { top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.custom-back::after { width:300px;}
}

@media (max-width:900px) {
	.bottom-right { width:520px;}
	.enumenu_ul .left li.right-side{  padding: 15px 0 0;}
    .custom-back h4{ font-size: 22px;
    line-height: normal;
    }
	.left .right-side li{ width:40%;}
	.enumenu_ul .left .custom-back a{ font-size:16px;}
    .shop-top-right.uparlay img { height: auto;}
		.right-side-header { width:525px;}
		.enumenu_ul li a { font-size:15px;}
		.safari .top-right ul { padding-left: 35px; }
		.top-right h5 {
    font-size: 13px;
    padding-left: 0;
}
.enumenu_ul > li { margin-right:28px;}
.enumenu_ul.desk > li.active > a:before { bottom:-9px;}
.enumenu_ul.desk > li > a:hover:before { bottom:-9px; }
.item ul li:after { left:-12px;}
.insta-title h2 { font-size:30px; padding-left:0;}
.insta-title{  padding: 15px 0;}
.footer-left { width:65%;}
.footer-logo { padding-left:0;}
.footer-desc { padding-left:0;}
.footer-main{ padding-left:0; padding-right:0;}
.overlay h3 { font-size:26px; line-height:32px;}
.overlay b { font-size:16px;}
.army-store > h2 { font-size:30px; padding-left:0;}
.buy-shop .army-store::after { left:-2px;}
.overlay b {
    font-size: 16px;
    padding: 0 12px;
}
.custom-back::after {
    width: 275px;
}

/*------------- Wool Socks Landing page -------------*/
.wool-socks-store .item li {
	display: block;
	width: 100%;
	padding: 20px 0px 0px;
}
.landing-wool-socks .item ul li::after {
	display: none
}

}
/*------------mobile landscape  view------*/
@media (max-width: 767px) {
	 .main { width:100%; padding:0 15px;}
    header {
        padding-top: 0;
    }
    .enumenu_ul {
        display: none
    }
    .menu-block {
        height: auto;
    }
    .menu-icon {
        display: block
    }
    .services-detail a.pba-detail {
        border-bottom: 2px solid #d3d9da;
    }
    .enumenu_ul > li {
        display: block;
        margin: 0px;
        padding: 0px;
		position:relative;
    }
	
    .enumenu_ul > li > a {
        display: block;
        text-align: center;
        padding: 8px
    }
    .enumenu_ul {
        width: 100%;
    }
    .enumenu_ul > li ul {
        background: #D1D1D1;
    }
    .enumenu_ul > li ul a {
        text-align: center;
        display: block;
        text-align: center;
        color: #000;
        padding: 5px 0;
    }
    /* Push Menu */
    body.menuslide_push {
        position: relative;
    }
    body.menuslide_push.slidemenuLeft {
        left: 0;
        transition: left 0.5s;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
    }
    body.menuslide_push.slidemenuRight {
        right: 0;
        transition: right 0.5s;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
    }
    body.slidemenuRight .enumenu_ul {
        right: -300px;
    }
    body.slidemenuRight.menu-open .enumenu_ul {
        right: 0;
    }
    body.slidemenuLeft .enumenu_ul {
        left: -300px;
    }
    body.slidemenuLeft.menu-open .enumenu_ul {
        left: 0;
    }
    body.menuslide_push.slidemenuLeft.menu-open {
        left: 300px
    }
    body.menuslide_push.slidemenuRight.menu-open {
        right: 300px
    }
    body.menuslide_push .enumenu_ul,
    body.menuOverlap .enumenu_ul {
        background: #000000 none repeat scroll 0 0;
        display: block;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        transition: all 0.5s ease 0s;
        max-width: 300px;
        top: 0;
    }
	.logo { padding-left:15px;   padding-top:20px; padding-bottom:12px;}
	.bottom-menu::after { display:none;}
	.top-right h5 { display:block; font-size:20px; line-height:26px; padding-top:0;}
	.top-right{ float:right; padding-right:15px;}
	.top-right ul  { padding-left:0; padding-top:15px; float:right;}
	.top-right ul li a {
    font-size: 14px;
}
.right-side-header {
/*     width: 60%; */
width: 454px;
	padding-top:20px;
	padding-bottom:20px;
}
.bottom-right { width:100%;}
/*	.right-side-header {
    text-align: center;
    width: 100%;
}*/
/*.top-right h5 { display:block;}*/
/*.top-right ul { padding-left:0; padding-top:10px;}*/
.top-right ul li:first-child::after { border:none; }
.bottom-right { padding-top:15px; padding-left:0;}
.item li { width:100%; padding-bottom:40px;}
.item ul li p { max-width:100%;}
.item ul li::after { display:none;}
.item span::before { width:180px;}
.item span::after { width:180px;}
.item li:last-child { padding-bottom:0;}
.item {
    padding-bottom: 30px;
    padding-top: 30px;
}
.army-store > h2 { font-size:24px; line-height:40px;}
.insta-title h2 {font-size:24px; line-height:40px; }
.banner-title span { font-size:32px; line-height:35px;}
.banner-title h2 { font-size: 26px;
    
    line-height: 40px;}
	.banner-title h1 { font-size:36px; line-height:50px;}
	.banner-title > a { font-size: 16px; padding: 5px 30px; line-height:normal;}
	.banner-title{ padding-left:0;}
	.buy-shop-left { float:none; width:100%;}

.botatl {
    width: 36%;
}	
	.buy-shop-right { width:100%; float:none;  padding-top: 6px;}
	.shop-top-right {
    float: left;
    width: 48.1%;
}
.shop-bottom-right {
    float: right;
    width: 48.3%;
	margin-top:0;
}
.botatl.uparlay > img {
    width: 100%;
}
.flag.uparlay > img {
    width: 100%;
}
.flag {
    width: 61%;
}
.overlay h3 {
    font-size: 20px;
    line-height: 30px;
}
.orange_lay .display-cell > a { font-size: 16px;}
.item span{ margin-top:10px;}
.instgram li {
    padding-bottom: 50%;
    width: 50%;
}
.insta-feed > li > a {
	font-size: 12px;
}
.footer-left { width:100%; float:none; text-align:center;	}
.footer-logo {
    padding-left: 0;
	width:auto;
}
.footer-right { float:none; width:100%; margin-top:10px; text-align:center;}
 footer {
    padding-bottom: 20px;
    padding-top: 20px;
}
.enumenu_ul.mob li  {
border-bottom:1px solid #4a4a4a;

}
.enumenu_ul.mob li:last-child  {
border:none;

}
.enumenu_ul .left > li{ width:100%; float:none;/* border:none;*/}
.enumenu_ul .left .right-side li {
    float: none;
    padding: 0;
    width: 100%;
}

.enumenu_ul .left li.right-side {
    width: 100%;
	float:none;
}
.enumenu_ul .left li.right-side {
    padding: 0px 0 0;
}
#header-main .main { padding:0;}
.enumenu_ul .left .right-side li { border-bottom:none;}
.enumenu_ul .left .right-side li:last-child {
    padding-bottom: 10px;
}
.top-header p {
   
    max-width: 67%;
    text-align: center;
	margin:0 auto;
	line-height:24px;
}
.bottom-left { margin-top:17px;}
.buy-shop-right { padding-top:14px;}

/*------------- Wool Socks Landing page -------------*/
.sock-btm-text {
	padding: 0px 9.4vw !important;
}
.sock-btm-text h2 {
	font-size: 5.5vw !important;
	line-height: 5.5vw !important;
	padding: 21.4vw 0px 3.9vw !important;
}

.page-content > .contain[id*="blog"] > div,
.page-content > .contain[id*="blog"] > aside {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
}

.blog-list .blog-post > .cell {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0 !important;
}

.blog-list .blog-post > .social > .share-btn {
  vertical-align: middle;
  margin-top: 0 !important;
  
}

}

@media (max-width:660px) {
.logo {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}
.right-side-header { width:100%; text-align:center; padding-top:10px; padding-bottom:10px;}
.top-right { float:none; padding-right:0;}
.bottom-right { padding-top:0;}
.top-right ul { float:none;}
}

/*------------mobile portrait view------*/
@media (max-width:640px) {

.custom-back::after {
    width: 250px;
}
.footer-desc p { font-size:9px; line-height:18px;}

.bottom-left{ margin-top:14px;} .buy-shop-right { padding-top:10px;}
.banner-title p { font-size:16px; line-height:24px; padding-top:20px;}
.banner-title h1 {
    font-size: 30px;
    line-height: 40px;
}
.army-store > h2 {
    font-size: 18px;
    line-height: 32px;
}
.insta-title h2 {
    font-size:18px;
    line-height: 24px;
}
.army-store p {
    font-size: 14px;
	line-height:24px;
}
p {
    font-size: 12px;
}
.top-right h5 { font-size:16px;}

.banner-title{ padding-left:0; width:100%; text-align:center;}
.banner-sec .main { padding:0;}
.banner-title > h1::after{ right:0; margin:0 auto;}
.custom-back h4 { font-size:19px;}

/*------------- Wool Socks Landing page -------------*/
.logo-landing-wool-socks h1 {
  font-size: 11.3vw !important;
  padding: 4.2vw 0px !important;
}
.sock-btm-text {
	padding: 0px !important;
}
.sock-btm-text h2 {
	font-size: 31px !important;
	line-height: 33px !important;
	padding: 21.4vw 30px 3.9vw !important;
}
#blog-details .arrows {
  display: block;
}

#blog-details .arrows > li {
  width: 100%;
}

#blog-details .arrows > li + li {
  padding-top: 10px;
}

#blog-details .arrows .button {
  font-size: 20px !important;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  text-align: center;
}

}

/*----------optional css------*/
@media (max-width:480px) {
	.bottom-left{ margin-top:0px;} .buy-shop-right { padding-top:0px;}
	.collers { width:100%; float:none;}
	.nametapes { float:none; width:100%;
	}
	.botatl {
    width: 100%; float:none;
}
.flag {
    width: 100%; float:none
}
.shop-top-right {
    float:none;
    width: 100%;
}
.shop-bottom-right {
    float: none;
    margin-top: 5px;
    width: 100%;
}
.item span::before { width:110px;}
.item span::after { width:110px;}

}
/*---------use only when design is customise-----------*/

@media (max-width:380px) {
  footer {
    padding-bottom: 60px;
  }
}