/**************************************************\ 
(XL) Large Monitor Only
\**************************************************/
@media screen and (min-width: 1200px){

}

/**************************************************\ 
(LG) Small Monitor Only
\**************************************************/
@media screen and (min-width:992px) and (max-width: 1199px){
	.owl_banner .item div{  
	    padding: 20px;
	}
	.owl_banner .item div label{
	    font-size: 35px;  
	}	
	.sectionProducts .productDiv{ 
    	padding: 10px;
	}
}
 
/**************************************************\ 
(MD) Tablet Only
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991px){
	.owl_banner .item div{  
	    padding: 20px;
	}
	.owl_banner .item div label{
	    font-size: 35px;  
	}	
	.sectionProducts .productDiv{ 
    	padding: 20px;
	}

	.sectionHighlights .highlightDiv{ 
    	padding: 0px;
	}
	.sectionHighlights .highlightDiv label.title{ 
    	font-size: 16px;
	}
	.sectionHighlights .highlightDiv p.desc{ 
    	font-size: 12px;
	}

	.sectionAboutUs label.title{ 
    	border-radius: 10px 0px;
    	padding: 10px 20px;
    	font-size: 12px;
	}
	.sectionAboutUs label.subtitle{
		font-size: 25px;
    	font-family: 'montserrat-black';
    	margin-bottom: 10px;
	}
	.sectionAboutUs p.desc{ 
    	font-size: 12px;
    	padding-right: 20px;
	}
	.sectionAboutUs a.link{ 
    	font-size: 14px;
	}
	.sectionAboutUs .imgCaption{ 
    	left: -15px;
	    width: 120px;
	    height: 100px;
	}
	.sectionAboutUs .imgCaption span{ 
    	font-size: 30px;
	}
	.sectionAboutUs .imgCaption p{ 
    	font-size: 10px;
	}

	.sectionProducts .title{
	    font-size: 12px;
	}
	.sectionProducts .subTitle {
	    font-size: 25px;
	    margin-bottom: 5px;
	}
	.sectionProducts .desc{ 
    	font-size: 14px;
	}
	.sectionProducts .productDiv .prodName{  
		font-size: 18px;
		margin-top: 10px;
	}
	.sectionProducts .productDiv .prodDesc{ 
    	min-height: 50px;
	}
}

/**************************************************\ 
(SM) Phablet
\**************************************************/
@media screen and (min-width: 576px) and (max-width:767px){
	.owl_banner .item{
	    height: 400px;
	}

	.owl_banner .item div{  
		padding: 0px;
	    margin-top: 80px;
	}
	.owl_banner .item div label{
	    font-size: 30px;  
	}	
	.owl_banner .item div p{ 
   		font-size: 16px;
	}

	.sectionHighlights .highlightDiv{ 
    	padding: 0px;
	}
	.sectionHighlights .highlightDiv label.title{ 
    	font-size: 20px;
	}
	.sectionHighlights .highlightDiv p.desc{ 
    	font-size: 16px;
	}
	.sectionAboutUs{ 
    	text-align: center;
	}
	.sectionAboutUs label.title{ 
	    border-radius: 10px;
	    padding: 10px 20px;
	    font-size: 14px;
    	font-style: normal;
	}
	.sectionAboutUs label.subtitle{
		font-size: 30px; 
    	margin-bottom: 10px;
	}
	.sectionAboutUs p.desc{ 
    	font-size: 14px;
    	padding-right: 0px;
	}
	.sectionAboutUs a.link{ 
    	font-size: 14px;
	}
	.sectionAboutUs .imgCaption{ 
		left: 15px;
	    bottom: -10px;
	    width: 150px;
	    height: 150px;
	    border-radius: 0px;
	}

	.sectionAboutUs .imgCaption::before {
	    content: none;
	}
	.sectionAboutUs .imgCaption span{ 
    	font-size: 50px;
	}
	.sectionAboutUs .imgCaption p{ 
    	font-size: 16px;
	}

	.sectionProducts .productDiv{ 
    	padding: 30px;
	}

	.sectionProducts .title{
	    font-size: 14px;
	}
	.sectionProducts .subTitle {
		font-size: 28px;
	    margin-bottom: 15px; 
	    color: #072366;
	}
	.sectionProducts .desc{ 
    	font-size: 14px;
	}
	.sectionProducts .productDiv img{ 
    	width: 80%;
	}
	.sectionProducts .productDiv .prodName{  
	    font-size: 25px;
	    margin-top: 10px; 
	    min-height: 0;
	    margin-bottom: 20px;
	}
	.sectionProducts .productDiv .prodDesc{ 
    	min-height: 0px;
    	font-size: 16px;
	}
	.sectionProducts .productDiv a{ 
    	padding: 10px 50px;
    	font-size: 14px;
	}
}

/**************************************************\ 
(XS) Phone
\**************************************************/
@media screen and (min-width: 391px) and (max-width:575px){  
	.owl_banner .item{    
		padding: 20px;
	    height: 400px;
	}

	.owl_banner .item div{  
		padding: 0px;
	    margin-top: 100px;
	    text-align: left;
	}
	.owl_banner .item div label{
	    font-size: 30px;
	    margin-bottom: 20px;
	}	
	.owl_banner .item div p{ 
   		font-size: 16px;
	}

	.sectionHighlights .highlightDiv{ 
    	padding: 0px;
	}
	.sectionHighlights .highlightDiv label.title{ 
    	font-size: 20px;
	}
	.sectionHighlights .highlightDiv p.desc{ 
    	font-size: 16px;
	}
	.sectionAboutUs{ 
    	text-align: left;
	}
	.sectionAboutUs label.title{ 
	    border-radius: 10px;
	    padding: 10px 20px;
	    font-size: 14px;
    	font-style: normal;
	}
	.sectionAboutUs label.subtitle{
		font-size: 30px; 
    	margin-bottom: 10px;
	}
	.sectionAboutUs p.desc{ 
    	font-size: 14px;
    	padding-right: 0px;
	}
	.sectionAboutUs a.link{ 
    	font-size: 14px;
	}
	.sectionAboutUs .imgCaption{ 
		left: 15px;
	    bottom: -10px;
	    width: 150px;
	    height: 150px;
	    border-radius: 0px;
	}

	.sectionAboutUs .imgCaption::before {
	    content: none;
	}
	.sectionAboutUs .imgCaption span{ 
    	font-size: 50px;
	}
	.sectionAboutUs .imgCaption p{ 
    	font-size: 16px;
	}
	.sectionProducts{
		text-align: left;
	}

	.sectionProducts .productDiv{ 
    	padding: 30px;
    	text-align: center;
	}

	.sectionProducts .title{
	    font-size: 14px;
	}
	.sectionProducts .subTitle {
    	font-size: 25px;
	    margin-bottom: 15px; 
	    color: #072366;
	}
	.sectionProducts .desc{ 
    	font-size: 14px;
	}
	.sectionProducts .productDiv img{ 
    	width: 80%;
	}
	.sectionProducts .productDiv .prodName{  
	    font-size: 25px;
	    margin-top: 10px; 
	    min-height: 0;
	    margin-bottom: 20px;
	}
	.sectionProducts .productDiv .prodDesc{ 
    	min-height: 0px;
    	font-size: 16px;
	}
	.sectionProducts .productDiv a{ 
    	padding: 10px 50px;
    	font-size: 14px;
	}
}

/**************************************************\ 
(XXS) Smaller Phone
\**************************************************/
@media screen and (max-width:390px){  
	.owl_banner .item{    
		padding: 20px;
	    height: 400px;
	}

	.owl_banner .item div{  
		padding: 0px;
	    margin-top: 100px;
	    text-align: left;
	}
	.owl_banner .item div label{
	    font-size: 22px;
	    margin-bottom: 20px;
	}	
	.owl_banner .item div p{ 
   		font-size: 16px;
	}

	.sectionHighlights .highlightDiv{ 
    	padding: 0px;
	}
	.sectionHighlights .highlightDiv label.title{ 
    	font-size: 20px;
	}
	.sectionHighlights .highlightDiv p.desc{ 
    	font-size: 16px;
	}
	.sectionAboutUs{ 
    	text-align: left;
	}
	.sectionAboutUs label.title{ 
	    border-radius: 10px;
	    padding: 10px 20px;
	    font-size: 14px;
    	font-style: normal;
	}
	.sectionAboutUs label.subtitle{
		font-size: 25px; 
    	margin-bottom: 10px;
	}
	.sectionAboutUs p.desc{ 
    	font-size: 14px;
    	padding-right: 0px;
	}
	.sectionAboutUs a.link{ 
    	font-size: 14px;
	}
	.sectionAboutUs .imgCaption{ 
		left: 15px;
	    bottom: -10px;
	    width: 150px;
	    height: 150px;
	    border-radius: 0px;
	}

	.sectionAboutUs .imgCaption::before {
	    content: none;
	}
	.sectionAboutUs .imgCaption span{ 
    	font-size: 50px;
	}
	.sectionAboutUs .imgCaption p{ 
    	font-size: 16px;
	}
	.sectionProducts{
		text-align: left;
	}

	.sectionProducts .productDiv{ 
    	padding: 30px;
    	text-align: center;
	}

	.sectionProducts .title{
	    font-size: 14px;
	}
	.sectionProducts .subTitle {
    	font-size: 25px;
	    margin-bottom: 15px; 
	    color: #072366;
	}
	.sectionProducts .desc{ 
    	font-size: 14px;
	}
	.sectionProducts .productDiv img{ 
    	width: 80%;
	}
	.sectionProducts .productDiv .prodName{  
	    font-size: 20px;
	    margin-top: 10px; 
	    min-height: 0;
	    margin-bottom: 20px;
	}
	.sectionProducts .productDiv .prodDesc{ 
    	min-height: 0px;
    	font-size: 14px;
	}
	.sectionProducts .productDiv a{ 
    	padding: 10px 50px;
    	font-size: 14px;
	}
}