/***************************************************************************************************************/
/*******************************************Desktop Code*********************************************************/
/***************************************************************************************************************/
 @media(min-width: 767px) {
	.mobile-only {
		display: none !important;
	}
	.desktop-only {
		display: block !important;
	}
	.visible-sm {
		display: none !important;
	}
	.hidden-sm {
		display: block !important;
	}
   
    .workstyle-cl-one .span16 .span8 .add-to-cart .th {
    width: 80% !important;
    }
	
	#bts .banner {
		display: block;
	}
	#bts .subheading	{
		padding: 4%;
		font-family: OfficeworksMediumRegular, Arial !important;
		font-size: 21px;
		line-height: 22pt;
		text-align: center;
	}
	#bts .bts_article{
		display: block;
		float: left;
		width: 476px;
	}
	#bts .bts_article .articlecontent{
		display: block;
		margin-top: 10px;
		width: 419px;
		min-height: 620px;
	    border: solid 0px #b9b9b9 !important;
		padding: 7.5% 6% !important;
		background-color: #f0f0f0;
		border-bottom-right-radius: 54px;
		border-top-left-radius: 54px;
	}	
	.margnlft{
		margin-left: 2.85% !important;
	}
 .btsarticle1 {
    height: 5642px !important;
}
.gofarticle0 {
    height: 6308px !important;
}
   .btsarticle11 {
    height: 5318px !important;
}
   .captimg {
    font-size: 14px !important;
    color: gray !important;
    text-align: center !important;
}
   .workstyle-cl-one .span16 .span8 .add-to-cart{
   width: 77%
 }
   .workstyle-cl-one .span16 .span8 .add-to-cart .th {
    width: 84% !important;
}
   .image-max{
     width:100%;
        }
   

	#bts h1, #bts .bts_article .articlecontent h1 a{
		display: block;
		text-align: center;
		background: none;
	}
	#bts .bts_article .articlecontent a img {
		display: block;
		padding: 3% 10%;
		width: 60%;
        margin-left: auto;
   		margin-right: auto;
      
	}
	#bts .bts_article .articlecontent .articlecontentpara{
		padding: 6% 10%;
	}
	#bts .bts_article .articlecontent .articlecontentpara p, #bts .bts_article .articlecontent .articlecontentpara ul li {
		font-family: OfficeworksBookRegular, Arial !important;
		font-size: 18px;
	}
	#bts .bts_article .articlecontent .articlecontentpara a {
		background: #005bab;
		float: left;
		width: 90%;
		line-height: 25pt;
		font-family: arial;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		margin-top: 10px;
	}
	#bts .bts_article .articlecontent .articlecontentpara a:hover{
		background: #2697FB;
		
	}
	.bantp{
		margin-bottom: 25px;
	}
	.bts-art-banner {
		width: 1350px;
		margin-left: -186px;
	}
	.out-paper-div {
	    width: 1350px;
		margin-left: -186px;
		background-color: #f0f0f0;
	}
	.paper-div {
        max-width: 980px; 
        margin-left: auto; 
        margin-right: auto; 
        background-color: white;
        position: relative;
        margin-top: -85px;
    }  
    .paper-padding {
        padding: 5% 20%;
    }
	.btsh2{
	    font-family: OfficeworksBoldRegular, Arial !important;
		font-style: 24px !important;
		text-align: center;
		padding-bottom: 8% !important;
		margin-top: 0px !important;
	}
	.out-paper-div .row-fluid .paper-div .paper-padding p {
    font-size: 16px;
    text-align: left;
    font-family: OfficeworksMediumRegular !important;
    line-height: 1.5em !important;
}
	.btsaone {
    height: 3210px;
}
	.btsatwo {
    height: 2960px;
}
	.btsathree {
    height: 5385px;
}
	.btsafour {
    height: 2592px;
}
	.btsafive {
    height: 3178px;
}
	.btsasix {
    height: 965px;
}
	.btsaseven {
    height: 863px;
}
	.btsaeight {
    height: 989px;
}



	.article-points{
		font-size: 16px !important;
		text-align: left;
		font-family: OfficeworksMediumRegular !important;
		line-height: 1.5em !important;	
	}


	.btstleft{
		float: left;
	}
	.btstright{
		float: right;
	}
	
	.short1 {
	    min-height: 120px;
		border: solid 1px #b9b9b9 !important;
		padding: 5% 6% !important;
	}
	.short1 p{
	    height: 25px;
		padding: 3% 0% !important;
		font-size: 14px !important;
		text-align: left !important;
		font-family: OfficeworksMediumRegular, Arial !important;
	}
	
	.short1 h3{
		font-family: OfficeworksMediumRegular, Arial !important;
		text-align: left !important;
		font-size: 24px !important;
		line-height: 26px !important;
		color: #005BAB !important;
	}
   .bts_heading_wrapper{
     padding:5% 0;
     font-family: OfficeworksBoldRegular,Arial!important;
     font-size:32px!important;
     text-align:center;
     color:#005bab;
   }
   .store-ban {
    width: 980px;
    height: 110px;
}   
   .store-ban {
    display: block;
    background: url('/images/banners/category/BTS/BTS-SearchLocalStore.png') no-repeat;
    position: relative;
}   
   .store-ban .span16 p {
    width: 40%;
    padding: 3% 3% 0% 24%;
    float: left !important;
    font-size: 16px;
    font-family: OfficeworksMediumRegular, Arial !important;
    color: white !important;
}
   .store-ban .span16 .form-inline {
    margin-top: 35px;
}
   .form-storelocator input[type=text].input-small {
    padding: 0 20px 1px !important;
}
.store-ban .span16 .input-small {
    height: 35px;
    width: 20%;
}
   .store-ban .span16 .icon-white {
    height: 38px;
    margin-top: -11px;
    width: 35px;
    margin-left: -4px;
    background-position: -140px;
    background-color: #FFd700;
    background-size: 300px;
}
}
/***************************************************************************************************************/
/*******************************************Mobile Code*********************************************************/
/***************************************************************************************************************/



.goc_article a img, .goc_article  img{
    border: 1px solid #B7B7B7 !important;
}

@media (max-width: 768px) {
	.mobile-only {
		display: block !important;
	}
	.desktop-only {
		display: none !important;
	}
  
    .image-max {
    width: 100%;
}
.captimg {
    font-size: 16px !important;
    color: gray !important;
    text-align: center !important;
}
	.paper-div {
		max-width: 768px; 
		margin-left: auto; 
		margin-right: auto; 
		background-color: white;
	}  
	.paper-padding {
		padding: 15px;
	}
	.btsh2{
	font-family: OfficeworksMediumRegular, arial !important;
	font-style: normal;
	text-align: center;
	padding-bottom: 10% !important;
	font-size: 30pt !important;
	}	
	#bts .subheading	{
		padding: 6% 3%;
		font-family: OfficeworksMediumRegular, arial !important;
		font-size: 22px;
		line-height: 28pt;
		text-align: center;
		margin-top: 385px;
	}
	#bts .bts_article{
		display: block;
		float: left;
		width: 600px;
	}
	#bts .bts_article .articlecontent{
		display: block;
		margin-top: 15px;
		width: 600px;
		border: solid 0px #b9b9b9 !important;
		padding: 5% 0% !important;
		background-color: #f0f0f0;
		border-bottom-right-radius: 54px;
		border-top-left-radius: 54px;
	}	
	
	#bts h1, #bts .bts_article .articlecontent h1 a {
		display: block;
		text-align: center;
		background: none;
	}
	#bts .bts_article .articlecontent a img {
		display: block;
		padding: 3% 20%;
		width: 60%;
	}
	#bts .bts_article .articlecontent .articlecontentpara{
		padding: 6% 10%;
	}
	#bts .bts_article .articlecontent .articlecontentpara p, #bts .bts_article .articlecontent .articlecontentpara ul li {
		font-family: OfficeworksMediumRegular, arial !important;
		font-size: 22px;
	}
	#bts .bts_article .articlecontent .articlecontentpara a {
	    background: #005bab;
		float: left;
		width: 90%;
		line-height: 50pt;
		font-family: arial;
		font-size: 28px;
		font-weight: bold;
		text-align: center;
		margin-top: 10px;
	}
	.bantp{
		margin-bottom: 25px;
	}
	.margnlft{
		margin-top: 8%;
	}
	.short1 {
	    border: solid 1px #b9b9b9 !important;
		padding: 4% 8% !important;
	}
	.short1 p{
		height: 40px;
		padding: 3% 0% !important;
		font-size: 24px !important;
		text-align: left !important;
		font-family: OfficeworksMediumRegular, Arial !important;
	}
	.short1 h3{
		font-family: OfficeworksMedium, arial !important;
		text-align: left !important;
		font-size: 36px !important;
		line-height: 1em !important;
		color: #005BAB !important;
	}
   .bts_heading_wrapper{
     padding:5% 0;
     font-family: OfficeworksBoldRegular,Arial!important;
     font-size:32px!important;
     text-align:center;
     color:#005bab;
	 text-align: center;
   }
  .sbts.store-ban {
    background: url('/images/banners/category/BTS/StorelocatormobileBTS.png') no-repeat;
    height: 400px;
    background-size: contain;
}
  .sbts.store-ban .span16 .input-small {
    width: 90% !important;
    padding: 6% !important;
}
  .sbts.store-ban .span16 .icon-white {
    height: 60px !important;
    margin-top: 0px !important;
    width: 48px !important;
    margin-left: -33px !important;
    background-position: -142px;
    background-color: #FFd700;
    background-size: 300px;
}
  .sbts .span16 p {
    padding: 6% 6% 4% 46%;
    color: white !important;
    font-size: 18pt !important;
    font-family: OfficeworksMediumRegular, Arial !important;
}
 .sbts .span16 .form-inline {
    width: 82% !important;
    margin-left: 9%;
}
  .sbts .span16 .form-inline .icon-ow-search.icon-white {
    background-image: url("/images/banners/category/BTS/search-icon.png");
    background-position: -10px;
    background-size: 65px;
}
}