@media only screen
and (min-width : 320px) and (max-width : 768px){
/* media queries for 320px */

.brandTopBottom{
 margin-top: 32px !important;
 margin-bottom: 32px !important;
}

.hideForMobile{display: none;}

 .brandTitleSpanFirst{
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  margin-top: 92px !important;
 }

 .brandDescpSpanFirst{
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 23px !important;
  margin-top: -7px !important;

 }


 .brandPBtnFirst{
  height: 45px !important;
  width: 271px !important;
  margin-top: -31px !important;
  margin-bottom: 60px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 28px 7px 12px 7px !important;
  padding: 12px !important;
 }   
 .brandPFirst{ 
  margin-top: -50px !important;
  padding-bottom: 43px !important;
 }

 .brandPSecond{
  padding-left: 8px !important;
 } 
 .brandDivFirst{
  width: 100% !important;
 }
 .brandTitleSpanSecond{
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  margin-top: 46px !important; 
 }
 .brandPThird{
  padding-left: 7px !important;
  margin-bottom: 22px !important;
 }
 .brandDescpSpanThird br {display:none;}

 .brandDescpSpanThird{
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-top: 19px !important;
  margin-right: 52px !important; 
  line-height: 20px !important; 
} 
 .brandSubTitleSpanThird br {display:none;}
 .brandSubTitleSpanThird{
  color: #424242 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  margin-bottom: 10px !important;
  margin-right: 36px !important;
 }
 .brandImgSubTitle {
  padding-left: 0px !important;
  margin-top: 0px !important;
  margin-left: 10px !important;
  margin-bottom: 0px !important;
 }
 .brandImgSubTitle2{
  padding-left: 0px !important;
  margin-top: 0px !important;
  margin-left: 14px !important;
  margin-bottom: 0px !important;
  width: 18px !important;
 }
 .brandImgSubTitle3{
  padding-left: 0px !important;
  margin-top: 0px !important;
  margin-left: 10px !important;
  margin-bottom: 0px !important;
  width: 30px !important;
 }
 .brandImgSubTitle4{
  padding-left: 0px !important;
  margin-top: -22px !important;
  margin-left: 13px !important;
  margin-bottom: 0px !important;
  width: 22px !important;
 }
 .brandListSubTitle{
  font-size: 16px !important;
  font-weight: 400 !important;
 }
 .brandPSubTitle{
  display:none !important;
 }
 .brandListDesc{
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 0.015em !important;
 }
 
 .brandListDesc br {display:none !important;}
 .brandLeftPTitle {display:none !important;}

 .brandDivSubTitle{
  margin-left: 50px !important;
  margin-top: -28px !important;
  margin-right: 13px !important;
  line-height: 18px !important;
  width: 80% !important;
  margin-bottom: 18px !important;
 } 
 .brandLeftDivFirst{
  background:none !important;
 }
 .brandTitleSpanFourth{
  font-size: 13.81px !important;
  margin-top: 15px !important;
 }
 .bgandLogoImg{
  margin-top: -9px !important;
  margin-bottom: 70px !important;
 }
 .brandLearnMoreContainerFirst{
  background-image: url("../../../../../../uploads/2015/02/BRAND-SOURCE.jpg") !important;
 }
 .brandLearnMoreContainerSecond{
  background-image: url("../../../../../../uploads/2015/02/Barand-banner03.jpg") !important;
 } 
 .brandLearnMoreContainerThird{
  background-image: url("../../../../../../uploads/2015/02/Barand-banner04.jpg") !important;
  height: 650px;
 }


 .brandLearnMoreDiv{
  text-align:center !important; 
 }
 .brandTitleLearnMoreLi{
  width:100% !important;
 margin-left: 0px !important;
 }
 .brandLearnMoreSpan{
  font-size: 43px !important;
  font-weight: 400 !important;
  line-height: 57.94px !important;
  margin-top: 20px !important;
  text-align: center !important;
 }
 .brandDescLearnMore{
 font-size: 18px !important;
 font-weight: 300 !important;
 line-height: 24px !important;
 margin-top: 268px !important;
 line-height: 27px !important;
 }
 .brandBtnLearnMore{
 font-size: 13px !important;
 font-weight: 300 !important;
 height: 46px !important;
 letter-spacing: 2px !important;
 padding: 15px !important;
 width: 270px !important;
margin-right: auto !important;
margin-top: 26px !important;
margin-left: auto !important; 
margin-bottom: 25px !important;
 }
 .brandTitleLearnMoreLiThird{
 width: 100% !important;
margin: 0 auto !important;
padding: 0px !important;
margin-bottom: 0px !important
}
 .brandBtnLearnMoreSecond{
 font-size: 13px !important;
 font-weight: 300 !important;
 height: 46px !important;
 letter-spacing: 2px !important;
 padding: 15px !important;
 width: 271px !important;
 margin-right: auto !important;
 margin-top: 12px !important;
 margin-left: auto !important;
 margin-bottom: 92px !important;
 }

 .brandImgLearnMore{
 padding-right: 10px !important;
 margin-top: -510px !important;
 width: 90px !important;
 margin-left: -77px !important;
 }

 .brandImgPipeLearnMore{
 padding-right: 6px !important;
 margin-top: -510px !important;
 }
 .brandTextLearnMore{
 font-weight: 500 !important;
 font-size: 10px !important;
 position: absolute !important;
 margin-top: -250px !important;
 padding-left: 7px !important;
 letter-spacing: 1px !important;
 }
 .brandDescLearnMoreThird br {display:none!important;} 
.brandDescLearnMoreSecond br {display:none!important;}
.brandDescLearnMoreSecond{
font-size: 18px !important;
font-weight: 300 !important;
line-height: 27px !important;
margin-top: 40px !important;
margin-right: auto !important;
margin-left: auto !important;

}

.brandDescLearnMoreThird {
font-size: 18px !important;
font-weight: 300 !important;
line-height: 27px !important;
margin-top: 265px !important;
margin-right: auto !important;
margin-left: auto !important;
}
 
.brandBtnLearnMoreThird{
font-size: 13px !important;
font-weight: 300 !important;
height: 46px !important;
letter-spacing: 2px !important;
padding: 15px !important;
width: 271px !important;
margin-right: auto !important;
margin-top: 20px !important;
margin-left: auto !important;
margin-bottom: 0px !important;
}
 

.brandImgLearnMoreThird{
 margin-top: 200px !important;
 margin-left: -44% !important;
 }
 .brandTextLearnMoreThird{
 margin-top: 205px !important;
 position: absolute !important;
 margin-left: 0px !important; 
 }
 .brandAwardUl{
 width: 75% !important;
 display: block !important;
 padding: 0px 0px !important;
 margin: 9px 0px 2px 47px !important;
 padding-right: 0px !important;
 }
 .brandAwardLi{
 width: 26% !important;
 padding: 0.85% !important;
 margin-right: 16px !important;
 }

 .brandAwardLiImgThird{
 margin-bottom: 0px !important;
 }	
.brandAwardTitle{
 font-weight: normal !important;
 font-size: 13px !important;
 }
}
@media only screen
and (min-width : 320px) and (max-width : 768px){
/* media queries for 360px */
 
 .brandTitleSpanFirst{
  color: #fff !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  margin-top: 92px !important;
 }

 .brandDescpSpanFirst{
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 24px !important;
  margin-top: -7px !important;

 }


 .brandPBtnFirst{
  height: 45px !important;
  width: 271px !important;
  margin-top: -31px !important;
  margin-bottom: 60px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 28px 7px 12px 7px !important;
  padding: 12px !important;
 }   
 .brandPFirst{ 
  margin-top: -50px !important;
  padding-bottom: 43px !important;
 }

 .brandPSecond{
  padding-left: 8px !important;
 } 
 .brandDivFirst{
  width: 100% !important;
 }
 .brandTitleSpanSecond{
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  margin-top: 36px !important;
 }
 .brandPThird{
  padding-left: 7px !important;
 }
 .brandDescpSpanThird br {display:none;}

 .brandDescpSpanThird{
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-top: 19px !important;
  margin-right: 52px !important; 
 } 
 .brandSubTitleSpanThird br {display:none;}
 .brandSubTitleSpanThird{
  color: #42423A !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  margin-bottom: 10px !important;
  margin-right: 36px !important;
 }
 .brandPSubTitle{
  display:none !important;
 }
 .brandListDesc{
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.015em !important;
 }
 
 .brandListDesc br {display:none !important;}
 .brandLeftPTitle {display:none !important;}

 .brandLeftDivFirst{
  background:none !important;
 }
 .brandTitleSpanFourth{
  font-size: 13.81px !important;
  margin-top: 15px !important;
 }
 .brandLogoImg{
  margin-top: 4px !important;
  margin-bottom: 70px !important;
 }
 .brandLearnMoreDiv{
  text-align:center !important; 
  margin: 0 auto !important;
  }
 .brandTitleLearnMoreLi{
  width:100% !important;
 }
 .brandLearnMoreSpan{
  font-size: 43px !important;
  font-weight: 400 !important;
  line-height: 57.94px !important;
  margin-top: 20px !important;
  text-align: center !important;
 }
 .brandDescLearnMore{
 font-size: 19px !important;
 font-weight: 100 !important;
 line-height: 24px !important;
margin-top: 198px !important; 
 }
 .brandBtnLearnMore{
 font-size: 13px !important;
 font-weight: 300 !important;
 height: 46px !important;
 letter-spacing: 2px !important;
 padding: 15px !important;
 width: 270px !important;
 margin-top: 5px !important;
 
 }
 .brandImgLearnMore{
 padding-right: 10px !important;
margin-top: -470px !important; 
width: 90px !important;
 margin-left: -94px !important;
 }

.brandBtnLearnMoreSecond {
font-size: 13px !important;
font-weight: 300 !important;
height: 46px !important;
letter-spacing: 2px !important;
padding: 15px !important;
width: 271px !important;
margin-top: 14px !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 92px !important;
}
.brandBtnLearnMoreThird {
font-size: 13px !important;
font-weight: 300 !important;
height: 46px !important;
letter-spacing: 2px !important;
padding: 15px !important;
width: 271px !important;
margin-right: auto !important;
margin-top: 20px !important;
margin-left: auto !important;
margin-bottom: 0px !important;
}

 .brandImgPipeLearnMore{
 padding-right: 6px !important;
margin-top: -465px !important; 
}
 .brandTextLearnMore{
 font-weight: 600 !important;
 font-size: 10px !important;
 position: absolute !important;
margin-top: -228px !important; 
padding-left: 7px !important;
 letter-spacing: 1px !important;
 }
 .brandDescLearnMoreThird br {display:none!important;} 
 .brandDescLearnMoreThird{
 font-size: 18px !important;
 font-weight: 300 !important;
 line-height: 24px !important;
 margin-top: 265px !important;
margin-right: auto !important;
margin-left: auto !important;
}
 .brandImgLearnMoreThird{
 margin-top: 205px !important;
 }
 .brandTextLearnMoreThird{
 margin-top: 205px !important;
 position: absolute !important;
 margin-left: 0px !important; 
 }
 .brandAwardUl{
 width: 75% !important;
 display: block !important;
 padding: 0px 0px !important;
 margin: 9px 0px 2px 47px !important;
 padding-right: 0px !important;
 }
 .brandAwardLi{
 width: 26% !important;
 padding: 0.85% !important;
 margin-right: 16px !important;
 }

 .brandAwardLiImgThird{
 margin-bottom: 0px !important;
 }	
.brandAwardTitle{
 font-weight: normal !important;
 font-size: 13px !important;
}
}	


@media only screen
and (min-width : 375px) and (max-width: 667px){

.brandLogoImg{
  margin-top: 4px !important;
  margin-bottom: 70px !important;
 }

}



@media only screen
and (min-width: 769px)
and (max-width: 980px)
and (orientation : landscape)
{

.brandImgSubTitle, .brandImgSubTitle2, .brandImgSubTitle3, .brandImgSubTitle4{margin-left: 60% !important;}

   .brandBtnLearnMoreThird{
   margin-bottom: 0px !important;
   }

   .brandDivFirst{
   margin-right: 0 !important;
   width: 46% !important;
   }
   
   .brandDivFirst p {
   padding-left: 8% !important;
   }

   .brandDivSubTitle{
   width: 75% !important;
   margin-left: 10px !important;
   }

   .brandTitleSpanSecond{
   margin-top: 52px !important;
   }
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation : portrait)
{
/* media queries for 768px */
 .brandPSecond{
 padding-left: 0px !important;
 }
 .brandTitleSpanSecond{
 font-size: 48px !important;
 line-height: 58px !important;
 margin-top: 44px !important;
 }
 .brandPThird{
 padding-left: 7px !important;
 }
 .brandSubTitleSpanThird{
 margin-right: 65px !important;
 }
 .brandSubTitleSpanThird br {display:none}	
 .brandDescpSpanThird br {display:none}
 .brandImgSubTitle{
  padding-left: 0px !important;
  margin-left: 12px !important;
 }
 .brandDivSubTitle{
 }
 .brandImgSubTitle2{
  padding-left: 0px !important;
 }
 .brandImgSubTitle3{
  padding-left: 0px !important;
 }

 .brandImgSubTitle4{
  padding-left: 0px !important;
 }
 .brandLeftPTitle{
  margin-top: 229% !important;
  font-size: 11px !important;
 }
 .brandImgLearnMoreThird{
  margin-top: -5% !important;
  margin-left: 1% !important; 
 }
 .brandTextLearnMoreThird{
  margin-top: -1% !important;
  position: absolute !important;
 } 	
 .brandTextLearnMoreSpanThird{
  color:#ffffff !important;
 }

}