@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

.container                                  { max-width: 1250px; }

#header .logo								{ width: 150px; }

/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {

.container                                  { max-width: 1250px; }


/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

.container                                  { max-width: 1250px; }


/*----------------- Inner Pages -----------------*/


}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

.container									{ max-width: 960px; }

#mainNav ul.menu li							{ padding: 0 15px; }
#mainNav ul.menu li a						{ font-size: 16px; }

#slider .container							{ top: 0px; }
#slider .caption							{ top: 50%; }

.footerSection .ftr_social ul li			{ padding: 0 5px 0 0; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }

#modernMain .item .info						{ min-height: 142px; padding: 15px 0; }
#featuresMain .features_item .features_info	{ min-height: 152px; }	
}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.container									{ max-width: 738px; }

#header .logo								{ width: 150px; }
#header .top_right							{ display: none; }

.mobile_menu								{ display: inline-block; position: absolute; top: 40px; right: 15px; z-index: 2;}

#slider .caption							{ width: 100%; top: 30%; }
#slider .owl-carousel .owl-item img			{ width: 150%;}
#slider .caption h1							{ margin: 0 0 15px 0; font-size: 35px; line-height: 40px; }

#slider .owl-theme .owl-dots, 
#slider .owl-theme .owl-nav					{ position: absolute; width: 100%; bottom: 30px;}
#slider .owl-theme .owl-dots .owl-dot span	{ width: 15px; height: 15px; background: #ffffff; }

#slider .owl-theme .owl-dots .owl-dot.active span, 
#slider .owl-theme .owl-dots .owl-dot:hover span { background: #F03D22; }


#welcomeMain h2								{ margin: 0 0 15px 0; font-size: 30px; line-height: 35px; }
#welcomeMain h3								{ margin: 0 0 15px 0; font-size: 25px; line-height: 30px; }
#welcomeMain p								{ font-size: 16px; line-height: 26px; }

#aboutMain									{ padding-top: 50px; padding-bottom: 50px; }
#aboutMain .about_cont h3					{ margin: 0 0 15px 0; font-size: 28px; line-height: 30px; }

#brandMain									{ padding-top: 50px; padding-bottom: 50px; }
#brandMain h2								{ margin: 0 0 15px 0; }
#brandMain p								{ font-size: 16px; line-height: 26px; }
#brandMain .icon_sec .icon_box				{ margin-bottom: 30px; }


#Icon_Sec .icon_box							{ margin-bottom: 30px; }

#contact_sec								{ padding-top: 50px; padding-bottom: 50px; }
#contact_sec h2								{ margin: 0 0 20px 0; font-size: 30px; }
#contact_sec p								{ font-size: 16px; line-height: 26px; }

.footerSection .ftr_logo					{ padding-bottom: 30px; }
.footerSection .ftr_menu					{ padding-bottom: 30px; }

.footerSection .ftr_copyright				{ padding-top: 20px; }
.footerSection .ftr_copyright:before		{ width: 95%; top: 10px; right: 0; margin: 0 auto; }


/*----------------- Inner Pages -----------------*/


.inner_section								{ padding-top: 50px; padding-bottom: 50px; }
.inner_section h2							{ font-size: 28px; }

#modernMain									{ padding-top: 50px; padding-bottom: 50px; }
#modernMain .item							{ width: 49%;  margin-right: 2%; }
#modernMain .item:nth-child(2n+1)			{ margin-right:0; }
#modernMain .item img						{ width: 100%; }
#modernMain .item:last-of-type				{ width: 49%;  margin-right: 2%; }

#craftedMain								{ padding-top: 50px; padding-bottom: 50px; }
#craftedMain .carfted_left h3				{ font-size: 35px; line-height: 40px; }
#craftedMain .carfted_right .carfted_box	{ width: 50%; margin-right: 0; }	

#craftedMain .carfted_left:after			{ top: 0; margin: auto; bottom: 0; }

#directionMain								{ padding-top: 50px; padding-bottom: 50px; }
#directionMain .direction_box .item			{ padding: 15px 0;}
#packagingMain								{ padding-bottom: 50px; }

#featuresMain								{ padding-bottom: 50px;}

#manufacturingMain							{ padding-bottom: 50px;}	
#manufacturingMain h2 br					{ display: none; }						
#manufacturingMain .manufacturing			{ margin-bottom: 30px; }
}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.container									{ max-width: 100%; padding: 0 15px; }
#header .logo								{ width: 100px; }
#header .top_right							{ display: none; }

.mobile_menu								{ display: inline-block; position: absolute; right: 15px; z-index: 2;}

#slider .caption							{ width: 93%; top: 10%; }
#slider .caption h1							{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
#slider .caption p							{ margin: 0 0 15px 0; font-size: 16px; line-height: 26px; }
#slider .caption .read_more					{ padding: 10px 20px; }
#slider .owl-carousel .owl-item img			{ width: 250%; margin-left:-280px}
#slider .owl-theme .owl-dots, 
#slider .owl-theme .owl-nav					{ position: absolute; width: 100%; bottom: 30px;}
#slider .owl-theme .owl-dots .owl-dot span	{ width: 15px; height: 15px; background: #ffffff; }

#slider .owl-theme .owl-dots .owl-dot.active span, 
#slider .owl-theme .owl-dots .owl-dot:hover span { background: #F03D22; }

#welcomeMain								{ padding-top: 30px; padding-bottom: 30px; }
#welcomeMain h2								{ margin: 0 0 20px 0; font-size: 26px; line-height: 30px; }
#welcomeMain h3								{ margin: 0 0 10px 0; font-size: 22px; line-height: 28px; }
#welcomeMain p								{ font-size: 16px; line-height: 26px; }
#welcomeMain .read_btn						{ padding: 10px 25px; }


#aboutMain									{ padding-top: 0; padding-bottom: 30px; }
#aboutMain .about_image						{ padding-top: 30px; }
#aboutMain .about_cont						{ padding-top: 30px; }
#aboutMain .about_cont h3					{ margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }
#aboutMain .about_cont p					{ font-size: 16px; line-height: 26px; }
#aboutMain .about_cont ul li				{ font-size: 16px; line-height: 26px; }

#brandMain									{ padding-top: 30px; padding-bottom: 30px; }
#brandMain h2								{ margin: 0 0 10px 0; font-size: 30px; line-height: 35px; }
#brandMain h3								{ margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }
#brandMain p								{ font-size: 16px; line-height: 26px; }
#brandMain .icon_sec						{ padding-bottom: 0; }
#brandMain .icon_sec .icon_box 				{ margin-bottom: 30px; }


#Icon_Sec									{ padding-top: 30px; padding-bottom: 30px; }
#Icon_Sec .icon_box							{ margin-bottom: 30px; }

#contact_sec								{ padding-top: 30px; padding-bottom: 30px; }
#contact_sec h2								{ margin: 0 0 20px 0; font-size: 30px; line-height: 35px; }
#contact_sec h2	br							{ display: none; }
#contact_sec p								{ font-size: 16px; line-height: 26px; }

.footerSection								{ padding-top: 30px; padding-bottom: 30px; }
.footerSection .ftr_menu					{ padding-top: 20px; }
.footerSection .ftr_contact					{ padding-top: 20px; }
.footerSection .ftr_social					{ padding-top: 20px; }
.footerSection .ftr_copyright				{ padding-top: 40px; }
.footerSection .ftr_copyright:before		{ width: 95%; top: 25px; left: 0; right: 0; margin: 0 auto; }

/*----------------- Inner Pages -----------------*/

#inner_banner								{ min-height: 150px; }
#inner_banner .caption						{ left: 15px; right: 15px; }
#inner_banner .caption h1					{ font-size: 30px; line-height: 35px; }

.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0px 0 20px 0; font-size: 28px; }


.about_cont									{ padding-bottom: 30px; }

#modernMain									{ padding-top: 30px; padding-bottom: 30px; }
#modernMain h2								{ margin: 0 0 15px 0; font-size: 30px; line-height: 35px; }
#modernMain p								{ margin: 0 0 15px 0; }
#modernMain .item							{ width: 100%; margin-right: 0; padding: 0px 0 30px 0; }
#modernMain .item img						{ width: 100%; }
#modernMain .item:last-of-type				{ width: 100%; }

#craftedMain								{ padding-top: 50px; padding-bottom: 50px; }
#craftedMain .carfted_left					{ padding: 0px 0px 30px 0px; }
#craftedMain .carfted_left:after			{ width: 100%; height: 2px; top: auto; right: 0; margin: 0 auto; bottom: 0; }
#craftedMain .carfted_left h3				{ margin: 0 0 20px 0; font-size: 35px; line-height: 40px; }

#craftedMain .carfted_right					{ width: 100%; padding: 30px 0px 0px 0px; }
#craftedMain .carfted_right .carfted_box	{ width: 50%; margin-right: 0; margin-bottom: 30px; }

#directionMain								{ padding-top: 30px;  padding-bottom: 30px; }
#directionMain .direction_box .item			{ padding: 20px 0 0 0; }	
#directionMain h2							{ margin: 0 0 30px 0; }
#directionMain .direction_box:before		{ width: 90%; height: 2px; top: auto; right: 0; bottom: 0; left: 0; margin: 0 auto; }


#packagingMain								{ padding-top: 0; padding-bottom: 50px; }
#packagingMain h2							{ margin: 0 0 30px 0; }
#packagingMain .package_btn					{ display: block; padding: 10px 20px; margin-right: 0px;}
#packagingMain .package_btn:last-child		{ margin-bottom: 0; }

#inquiriesMain								{ padding-top: 50px;  padding-bottom: 50px; }

#certificatesMain							{ padding-top: 50px;  padding-bottom: 50px; }
#certificatesMain h2						{ margin: 0 0 30px 0; }


#featuresMain								{ padding-bottom: 0; padding-top: 30px; }
#featuresMain h2							{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#manufacturingMain							{ padding-bottom: 50px; }
#manufacturingMain .manufacturing			{ margin-bottom: 30px }
#manufacturingMain .manufacturing img		{ width: 100%; }

#manufacturingMain h2						{ margin: 0 0 30px 0; font-size: 30px; line-height: 35px; }
#manufacturingMain h2 br					{ display: none; }


}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }




/*----------------- Inner Pages -----------------*/

}