@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root										{ --container-width: 1300px; } 
.container                                  { max-width: 1300px; }

.tempalte-pop {
    padding: 20px 20px;
}

.tempalte-pop h2 {
    font-size: 45px;
    line-height: 50px;
}

.tempalte-pop .contact-form {
    padding: 15px 0px 0px 0px;
}

.tempalte-pop .contact-form .form-group {
    margin-bottom: 15px;
}

}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; }


}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root										{ --container-width: 1300px; }
.container                                  { max-width: 1300px; padding: 0 15px; }

header .main-header 																	    { padding: 3px 30px 5px 30px; }

.banner-section .leftPart h2 br 														    { display: none; }
.banner-section .leftPart h2 															    { font-size: 55px; }
.whatwe-do-sec .containBox .infoBox 													    { gap: 14px; }
.achivement-sec .achivement-slider .imgBox 												    { height: fit-content; width: fit-content; }

.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox img 							    { max-width: 350px; }


/* === Achivement-Page === */
.our-achivement-sec .achiveBox                                                              { gap: 60px; }

/* === Inqiury-Page === */
/* .tempalte-pop                                                                               { padding: 22px 21px; }
.tempalte-pop .contact-form .form-group                                                     { margin-bottom: 15px; } */

.tempalte-pop {
    padding: 20px 20px;
}

.tempalte-pop h2 {
    font-size: 45px;
    line-height: 50px;
}

.tempalte-pop .contact-form {
    padding: 15px 0px 0px 0px;
}

.tempalte-pop .contact-form .form-group {
    margin-bottom: 15px;
}

}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root										{ --container-width: 960px; }
.container									{ max-width: 960px; }

header .main-header 																		{ flex-wrap: nowrap; padding: 3px 20px 5px 20px; }
header .main-header .logo img 																{ max-width: 100px; }
.menu_sec ul.menu li 																		{ margin-right: 15px; }
.menu_sec ul.menu li a 																		{ font-size: 15px; }
.menu_sec ul.menu 																			{ margin-right: 15px; }
header .main-header .menu_sec .send-inquBtn 												{ font-size: 17px; line-height: 27px; padding: 10px 10px; }
header .main-header .callnow-menu .callnow-info p 											{ font-size: 16px; line-height: 23px; }
header .main-header .callnow-menu .callnow-info a 											{ font-size: 16px; line-height: 23px; }
.menu_sec ul.menu li ul.sub-menu                                                            { width: 190px; }
.menu_sec ul.menu li ul.sub-menu li a                                                       { font-size: 15px; line-height: 22px; }

.banner-section 																			{ height: 600px; }
.banner-section .leftPart 																	{ padding-top: 30px; }
.banner-section .leftPart h2 br 															{ display: none; }
.banner-section .leftPart h2 																{ font-size: 44px; line-height: 54px; }
.banner-section .leftPart p br 																{ display: none; }
.banner-section .leftPart p 																{ font-size: 20px; }
.banner-section .leftPart .learnBtn 														{ padding: 14px 26px; }

.about-sec .leftPart .imgBox img 															{ max-width: 350px; }
.about-sec .leftPart .saidBox 																{ max-width: 220px; max-height: 220px; right: -110px; }
.about-sec .leftPart .saidBox img 															{ max-width: 220px; }
.about-sec .leftPart .imgBox .videoBox 														{ gap: 10px; }
.about-sec .leftPart .imgBox .videoBox .iconBox 											{ width: 55px; height: 55px; }
.about-sec .leftPart .imgBox .videoBox .iconBox img 										{ max-width: 25px; }
.about-sec .rightPart h1 																	{ font-size: 43px; line-height: 50px; }
.about-sec .rightPart .aboutBtn 															{ padding: 10px 20px; }

.whatwe-do-sec .containBox 																	{ padding-top: 50px; }
.whatwe-do-sec .containBox h2 																{ font-size: 45px; line-height: 50px; }
.whatwe-do-sec .containBox .infoBox 														{ padding: 50px 0px; gap: 25px; }
.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox img 								{ max-width: 300px; }
.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox h5 								{ font-size: 25px; line-height: 35px; }

.achivement-sec .owl-theme .owl-nav button.owl-prev,
.achivement-sec .owl-carousel .owl-nav button.owl-next 										{ width: 55px; height: 55px; }
.achivement-sec .owl-carousel .owl-stage-outer 												{ padding: 60px 10px 0px 10px; }
.achivement-sec .achivement-slider h5 br 													{ display: none; }
.achivement-sec .achivement-slider h5 														{ font-size: 18px; line-height: 28px; }
.our-achivement-sec .achiveBox .achiveBox-info 												{ width: calc(20% - 28px); }

.location-sec	 																			{ padding: 40px 0px; }
.location-sec .locationBox 																	{ gap: 50px; }
.location-sec .locationBox .infoBox 														{ gap: 15px; }
.location-sec .locationBox .infoBox h4 														{ font-size: 30px; line-height: 40px; }
.location-sec .locationBox .infoBox h6 														{ font-size: 20px; line-height: 30px; }

.glass-product-sec .imgBox video                                                            { max-height: 395px; }

.glass-product-sec h1                                                                       { font-size: 43px; line-height: 50px; }
.glass-product-sec h5                                                                       { margin-top: 40px; }
.toy-product-sec h1                                                                         { font-size: 40px; line-height: 45px; }


.whatsapp 																	                { bottom: 20%; }
.whatsapp img 																                { max-width: 65px; margin-bottom: 10px; }


footer .logo img 																			{ max-width: 160px; }
footer .navigation h5,
footer .contact-info h5, 
footer .social-media h5 																	{ font-size: 22px; line-height: 28px; }
footer .navigation ul 																		{ padding-top: 40px; }
.contact-info ul li br                                                                      { display: none; }
.contact-info ul li a                                                                       { font-size: 17px; }

 

/* === About-company-page === */
.inner-banner-section 																		{ height: 350px; }
.inner-banner-section .inner-bannerinfo h2 													{ font-size: 50px; line-height: 55px; margin-bottom: 20px; }
.vision-our-team-sec .vision-team-box h5 													{ font-size: 45px; line-height: 50px; margin-bottom: 20px; }
.vision-our-team-sec .vision-team-box p 													{ font-size: 20px; }

/* === Achivement-Page === */
.our-achivement-sec .achiveBox 																{ gap: 35px; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox 										{ height: 160px; width: 160px; margin-bottom: 20px; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox img								 	{ max-width: 160px; }
.our-achivement-sec .achiveBox .achiveBox-info h5 											{ font-size: 20px; line-height: 25px; }


/* === Contact-Page === */

.contact-sec                                                                                { padding: 50px 0px 30px 0px; }
.contact-sec .contact-form .form-group .form-control                                        { font-size: 18px; line-height: 28px; padding: 12px 0px; }
.contact-sec .contact-form .form-group                                                      { margin-bottom: 25px; }
.contact-sec .contact-form .send-btn                                                        { font-size: 18px; line-height: 28px; }
.map-sec .mapBox .adress                                                                    { gap: 15px; }
.map-sec .mapBox .adress h5                                                                 { font-size: 20px; line-height: 25px; }
.map-sec .mapBox .adress .getBtn                                                            { font-size: 20px; line-height: 25px; }


/* === Inqiury-Page === */

.tempalte-pop                                                                               { padding: 20px 22px; }
.tempalte-pop h2                                                                            { font-size: 45px; line-height: 50px; }
.tempalte-pop .contact-form                                                                 { padding: 15px 0px 0px 0px; }
.tempalte-pop .contact-form .form-control                                                   { font-size: 17px; line-height: 27px; padding: 10px 0px; }
.tempalte-pop .contact-form .form-group                                                     { margin-bottom: 15px; }
.tempalte-pop .contact-form textarea                                                        { height: 170px; }
.tempalte-pop .contact-form .send-btn                                                       { font-size: 17px; line-height: 27px; padding: 10px 18px; }

}

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

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }
header .main-header .menu_sec 																{ display: none; }
header .main-header .hamburger 																{ display: block; }
header .main-header .hamburger nav ul li .send-inquBtn 										{ padding: 10px 16px; }
header .main-header .logo img 																{ max-width: 100px; }
header .main-header 																		{ padding: 3px 30px 5px 30px; }

header .main-header .hamburger nav 															{ padding: 70px 30px 70px 30px; }

.banner-section 																			{ height: auto; padding-bottom: 50px; }
.banner-section .leftPart 																	{ padding-top: 30px; }
.banner-section .leftPart h2 br 															{ display: none; }
.banner-section .leftPart h2 																{ font-size: 33px; line-height: 45px; margin-bottom: 20px; }
.banner-section .leftPart p br 																{ display: none; }
.banner-section .leftPart p 																{ font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.banner-section .leftPart .learnBtn 														{ font-size: 18px; line-height: 26px; padding: 10px 25px; }

.about-sec 																					{ padding: 50px 0px; }
.about-sec .leftPart .saidBox 																{ width: fit-content; height: fit-content; right: -96px; }
.about-sec .leftPart .imgBox img 															{ width: 100%; max-width: 280px;}
.about-sec .leftPart .saidBox img 															{ width: 100%; max-width: 200px; max-height: 200px; object-fit: cover; }
.about-sec .leftPart .imgBox .videoBox 														{ gap: 10px; }
.about-sec .leftPart .imgBox .videoBox .iconBox 											{ width: 55px; height: 55px; }
.about-sec .leftPart .imgBox .videoBox .iconBox img 										{ width: 100%; max-width: 25px; }
.about-sec .rightPart h6 																	{ font-size: 20px; line-height: 30px; }
.about-sec .rightPart h1 																	{ font-size: 33px; line-height: 43px; margin-bottom: 15px; }
.about-sec .rightPart p 																	{ font-size: 18px; line-height: 28px; margin-bottom: 15px; }
.about-sec .rightPart .aboutBtn 															{ font-size: 18px; line-height: 25px; padding: 10px 20px; margin-top: 5px; }

.whatwe-do-sec .containBox 																	{ padding-top: 50px; }
.whatwe-do-sec .containBox .infoBox .what-we-info 											{ width: calc(50% - 50px); }
.whatwe-do-sec .containBox h6 																{ font-size: 20px; line-height: 30px; }
/* .whatwe-do-sec .containBox h2 br {display: none;} */
.whatwe-do-sec .containBox h2 																{ font-size: 45px; line-height: 50px; }
.whatwe-do-sec .containBox .infoBox	 														{ padding: 50px 0px; gap: 20px; }
.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox img 								{ width: 100%; max-width: 340px; }
.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox h5 								{ bottom: 15px; font-size: 25px; line-height: 32px; }

.achivement-sec 																			{ padding: 50px 0px; }
.achivement-sec h6 																			{ font-size: 20px; line-height: 30px; }
.achivement-sec h2 																			{ font-size: 40px; line-height: 45px; }
.achivement-sec .owl-theme .owl-nav button.owl-prev,
.achivement-sec .owl-carousel .owl-nav button.owl-next 										{ width: 50px; height: 50px; }
.achivement-sec .owl-theme .owl-nav 														{ gap: 15px; }
.achivement-sec .owl-carousel .owl-stage-outer 												{ padding: 50px 0px 0px 0px; }
.achivement-sec .achivement-slider .imgBox 													{ max-width: 200px; margin-bottom: 15px; }
.achivement-sec .achivement-slider h5 br 													{ display: none; }
.achivement-sec .achivement-slider h5 														{ font-size: 18px; line-height: 25px; }
.our-achivement-sec .achiveBox .achiveBox-info 												{ width: calc(20% - 0px); }

.location-sec					 															{ padding: 30px 0px; }
.location-sec .locationBox 																	{ gap: 25px; }
.location-sec .locationBox .infoBox 														{ gap: 5px; }
.location-sec .locationBox .infoBox img 													{ max-width: 35px; }
.location-sec .locationBox .infoBox h4 														{ font-size: 25px; line-height: 45px; }
.location-sec .locationBox .infoBox h6 														{ font-size: 18px; line-height: 25px; }

.glass-product-sec h1                                                                       { font-size: 35px; line-height: 45px; margin-bottom: 40px; }
.glass-product-sec .imgBox video                                                            { max-height: 299px; }
.glass-product-sec h5                                                                       { font-size: 25px; line-height: 35px; margin-top: 30px; }
.glass-product-sec p                                                                        { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.glass-product-sec ul li, .glass-product-sec .fuction ol li                                 { font-size: 20px; line-height: 28px; }

.toy-product-sec h1                                                                         { font-size: 35px; line-height: 45px; margin-bottom: 40px; }
.toy-product-sec h5                                                                         { margin-top: 40px; }
.toy-product-sec p                                                                          { font-size: 20px; line-height: 30px; margin-bottom: 25px; }
.toy-product-sec ul li, .toy-product-sec .fuction ol li                                     { font-size: 20px; }
.toy-product-sec .listing                                                                   { padding-bottom: 30px; }
.toy-product-sec .table                                                                     { margin-bottom: 0px; }
.toy-product-sec .table th                                                                  { font-size: 20px; }

.whatsapp 																			        { right: 5px; }
.whatsapp img 																		        { margin-bottom: 10px; max-width: 50px; }
.whatsapp .talk-btn 																        { font-size: 13px; line-height: 18px; }


footer 																						{ padding: 50px 0px 0px 0px; }
footer .logo																				{ text-align: center; }
footer .logo img 																			{ max-width: 120px; }
footer .navigation ul 																		{ padding-top: 25px; }
footer .navigation h5, 
footer .contact-info h5, 
footer .social-media h5 																	{ font-size: 20px; line-height: 25px; }
footer .navigation ul li a 																	{ font-size: 16px; line-height: 26px; }
.contact-info ul																 			{ padding-top: 25px; }
footer .our-pro ul li a                                                                     { font-size: 16px; }
footer .location br 																		{ display: none; }
.social-media ul 																			{ padding-top: 25px; gap: 5px; }
.contact-info ul li 																		{ font-size: 16px; line-height: 26px; margin-bottom: 10px; padding-left: 22px; }
.contact-info ul li a 																		{ font-size: 14px; line-height: 24px; padding-left: 5px; }
.social-media ul li 																		{ width: 45px; height: 45px; }
.bottom-footer 																				{ margin-top: 50px; }
.bottom-footer p 																			{ font-size: 16px; line-height: 26px; padding: 15px 0px; }

/* === About-compnay-page === */
.inner-banner-section 																		{ height: 330px; }
.inner-banner-section .inner-bannerinfo h2 													{ font-size: 50px; line-height: 55px; margin-bottom: 15px; }
.inner-banner-section .inner-bannerinfo .breadcrumb .breadcrumb-item 						{ font-size: 18px; line-height: 28px; }
.about-company-sec h6 																		{ font-size: 20px; line-height: 30px; margin-bottom: 5px; }
.about-company-sec h1 																		{ font-size: 40px; line-height: 45px; margin-bottom: 20px; }
.about-company-sec p 																		{ font-size: 17px; line-height: 27px; margin-bottom: 20px; }
.vision-our-team-sec .vision-team-box 														{ padding: 40px 15px; }
.vision-our-team-sec .vision-team-box img 													{ margin-bottom: 20px; }
.vision-our-team-sec .vision-team-box h5 													{ font-size: 40px; line-height: 45px; margin-bottom: 15px; }
.vision-our-team-sec .vision-team-box p 													{ font-size: 17px; line-height: 27px; }

/* === Achivement-Page === */
.our-achivement-sec h6 																		{ font-size: 20px; line-height: 30px; }
.our-achivement-sec h2 																		{ font-size: 40px; line-height: 45px; }
.our-achivement-sec .achiveBox 																{ padding-top: 40px; gap: 45px; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox 										{ height: 150px; width: 150px; margin-bottom: 20px; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox img 									{ max-width: 150px; }
.our-achivement-sec .achiveBox .achiveBox-info h5 											{ font-size: 18px; line-height: 28px; }

/* === Contact-Page === */
.contact-sec 																				{ padding: 50px 0px 30px 0px; }
.contact-sec h6 																			{ font-size: 20px; line-height: 30px; }
.contact-sec h1 																			{ font-size: 40px; line-height: 45px; }
.contact-sec .contact-form .form-group .form-control 										{ font-size: 16px; line-height: 26px; padding: 8px 0px; }
.contact-sec .contact-form .form-group 														{ margin-bottom: 20px; }
.contact-sec .contact-form .send-btn 														{ font-size: 16px; line-height: 26px; padding: 10px 15px; }
.map-sec h2 																				{ font-size: 30px; line-height: 35px; }
.map-sec .mapBox .adress iframe 															{ width: 230px; height: 230px; }
.map-sec .mapBox .adress 																	{ gap: 5px; }
.map-sec .mapBox .adress h5 																{ font-size: 16px; line-height: 26px; }
.map-sec .mapBox .adress .getBtn 															{ font-size: 16px; line-height: 26px; }
.map-sec .mapBox 																			{ padding-bottom: 50px; }

/* === Inquiry-Page === */
.tempalte-pop                                                                               { padding: 20px 30px; }
.tempalte-pop h2                                                                            { font-size: 40px; line-height: 45px; }
.tempalte-pop .contact-form .form-control                                                   { font-size: 16px; line-height: 26px; padding: 10px 0px; }
.tempalte-pop .contact-form .send-btn                                                       { font-size: 16px; line-height: 26px; padding: 10px 18px; }
#cboxClose                                                                                  { width: 40px; height: 40px; }

/* === Thank-you-Page === */
.thank-you-Sec 																				{ padding: 50px 0px; }
.thank-you-Sec h2 																			{ font-size: 40px; line-height: 50px; }
.thank-you-Sec p 																			{ font-size: 18px; line-height: 28px; }

}



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

:root										{ --container-width: 100%; }
.container									{ max-width: 740px; padding: 0 15px;}

header .main-header .menu_sec																 	{ display: none; }
header .main-header .hamburger 																	{ display: block; }
header .main-header 																			{ padding: 3px 20px 5px 15px; }
header .main-header .logo img 																	{ max-width: 90px; }
header .main-header .hamburger nav ul li .send-inquBtn 											{ padding: 10px 16px; }
header .main-header .hamburger nav ul.menu li.menu-item-has-children>a:after {display: none;}


.banner-section 																				{ height: auto; }
.banner-section .leftPart 																		{ padding-top: 30px; }
.banner-section .leftPart h2 br	 																{ display: none; }
.banner-section .leftPart h2 																	{ font-size: 30px; line-height: 40px; margin-bottom: 20px; }
.banner-section .leftPart p br 																	{ display: none; }
.banner-section .leftPart p 																	{ font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.banner-section .leftPart .learnBtn 															{ font-size: 16px; line-height: 26px; padding: 10px 20px; }
.banner-section .rightPart 																		{ padding: 35px 0px; }

.about-sec 																						{ padding: 50px 0px; }
.about-sec .leftPart .imgBox img 																{ max-width: 230px; }
.about-sec .leftPart .saidBox 																	{ width: fit-content; height: fit-content; right: -109px; }
.about-sec .leftPart .saidBox img 																{ max-width: 200px; object-fit: cover; }
.about-sec .leftPart .imgBox .videoBox 															{ gap: 10px; }
.about-sec .leftPart .imgBox .videoBox .iconBox img 											{ max-width: 20px; }
.about-sec .leftPart .imgBox .videoBox .iconBox 												{ width: 45px; height: 45px; }
.about-sec .leftPart .imgBox .videoBox p 														{ font-size: 16px; line-height: 26px; }
.about-sec .rightPart 																			{ padding-top: 30px; } 
.about-sec .rightPart h6 																		{ font-size: 20px; line-height: 30px; }
.about-sec .rightPart h1 																		{ font-size: 30px; line-height: 35px; margin-bottom: 20px; }
.about-sec .rightPart p 																		{ font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.about-sec .rightPart .aboutBtn 																{ font-size: 16px; line-height: 26px; padding: 10px 15px; }

.whatwe-do-sec .containBox 																		{ padding-top: 50px; }
.whatwe-do-sec .containBox .infoBox .what-we-info 												{ width: calc(100% - 0px); }
.whatwe-do-sec .containBox h6 																	{ font-size: 20px; line-height: 30px; margin-bottom: 5px; }
.whatwe-do-sec .containBox h2 br 																{ display: none; }
.whatwe-do-sec .containBox h2 																	{ font-size: 28px; line-height: 35px; }
.whatwe-do-sec .containBox .infoBox 															{ padding: 40px 0px; gap: 15px; }
.whatwe-do-sec .containBox .infoBox .what-we-info .imgBox h5 									{ bottom: 15px; font-size: 25px; line-height: 28px; }

.achivement-sec 																				{ padding: 50px 0px 30px 0px; }
.achivement-sec h6 																				{ font-size: 20px; line-height: 30px; }
.achivement-sec h2 																				{ font-size: 28px; line-height: 34px; }
.achivement-sec .owl-theme .owl-nav button.owl-prev, 
.achivement-sec .owl-carousel .owl-nav button.owl-next 											{ width: 45px; height: 45px; }
.achivement-sec .owl-theme .owl-nav 															{ gap: 10px; top: -16px; }
.achivement-sec .owl-carousel .owl-stage-outer 													{ padding: 45px 0px 0px 0px; }
.achivement-sec .achivement-slider h5 br 														{ display: none; }
.achivement-sec .achivement-slider h5 															{ font-size: 15px; line-height: 20px; }
.achivement-sec .achivement-slider .imgBox 														{ width: 160px; }
.achivement-sec .achivement-slider .imgBox img 													{ width: 160px; height: 150px; }
.our-achivement-sec .achiveBox .achiveBox-info 													{ width: calc(50% - 20px); }

.location-sec .locationBox 																		{ gap: 20px; flex-wrap: wrap; }
.location-sec .locationBox .infoBox h6 															{ font-size: 18px; line-height: 28px; }
.location-sec .locationBox .infoBox 															{ gap: 10px; }
.location-sec .locationBox .infoBox img 														{ max-width: 30px; }

.glass-product-sec                                                                              { padding: 40px 0px; }
.glass-product-sec h1                                                                           { font-size: 30px; line-height: 35px; margin-bottom: 30px; }
.glass-product-sec .imgBox                                                                      { margin-bottom: 20px; }
/* .glass-product-sec .imgBox video                                                                { max-height: 430px; } */
.glass-product-sec h5                                                                           { font-size: 25px; line-height: 35px; margin-top: 20px; } 
.glass-product-sec p                                                                            { font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.glass-product-sec ul li, .glass-product-sec .fuction ol li                                     { font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.glass-product-sec .fuction h5                                                                  { font-size: 25px; line-height: 35px; }

.inner-banner-section .inner-bannerinfo h2 br                                                   { display: none; }
.toy-product-sec                                                                                { padding: 40px 0px; }
.toy-product-sec h1                                                                             { font-size: 29px; line-height: 35px; margin-bottom: 30px; }
.toy-product-sec h5                                                                             { font-size: 25px; line-height: 35px; margin-top: 30px; }
.toy-product-sec p                                                                              { font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.toy-product-sec ul li, .toy-product-sec .fuction ol li                                         { font-size: 18px; line-height: 28px; }
.toy-product-sec .listing                                                                       { padding-bottom: 20px; }
.toy-product-sec .table                                                                         { margin-bottom: 0px; }
.toy-product-sec .table th                                                                      { padding: 7px 15px; font-size: 18px; }
.toy-product-sec .table tbody tr td                                                             { padding: 7px 15px; font-size: 14px; line-height: 20px; }
.toy-product-sec .imgBox                                                                        { margin-bottom: 20px; }

.whatsapp 																			            { bottom: 50px; right: 5px; }
.whatsapp img 																		            { margin-bottom: 5px; max-width: 50px; }
.whatsapp .talk-btn 																            { font-size: 13px; line-height: 18px; }

footer 																							{ padding: 30px 0px 0px 0px; }
footer .logo 																					{ padding-bottom: 30px; }
footer .logo img 																				{ max-width: 140px; }
footer .navigation ul 																			{ padding-top: 20px; }

footer .navigation,
footer .our-pro 																				{ padding-bottom: 20px; }
.contact-info ul 																				{ padding-top: 20px; }
footer .location br 																			{ display: none; }
.contact-info ul li																	 			{ font-size: 16px; line-height: 26px; padding-left: 25px; margin-bottom: 10px; }

footer .contact-info 																			{ padding-bottom: 20px; }
.social-media ul 																				{ padding-top: 20px; }
.social-media ul li 																			{ width: 40px; height: 40px; }
footer .facebook img, 
footer .insta img,
footer .you-turb img 																			{ max-width: 20px; }

.bottom-footer 																					{ margin-top: 20px; }
.bottom-footer p 																				{ font-size: 13px; line-height: 24px; padding: 15px 0px; }

/* === About-Company-Page === */
.inner-banner-section 																			{ height: 300px; }
.inner-banner-section .inner-bannerinfo h2 														{ font-size: 28px; line-height: 38px; margin-bottom: 10px; }
.inner-banner-section .inner-bannerinfo .breadcrumb .breadcrumb-item 							{ font-size: 15px; line-height: 26px; }

.about-company-sec 																				{ padding: 50px 0px 30px 0px; }
.about-company-sec h6 																			{ font-size: 20px; line-height: 30px; }
.about-company-sec h1 																			{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.about-company-sec p 																			{ font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.about-company-sec .imgBox 																		{ margin-bottom: 20px; }

.vision-our-team-sec 																			{ padding-bottom: 20px; }
.vision-our-team-sec .vision-team-box 															{ padding: 40px 15px; height: auto; margin-bottom: 25px; }
.vision-our-team-sec .vision-team-box img 														{ margin-bottom: 20px; }
.vision-our-team-sec .vision-team-box h5 														{ font-size: 35px; line-height: 40px; margin-bottom: 15px; }
.vision-our-team-sec .vision-team-box p 														{ font-size: 16px; line-height: 26px; }

.location-sec                                                                                   { padding: 40px 0px; }

/* === Achivement-Page === */
.our-achivement-sec h6 																			{ font-size: 20px; line-height: 30px; }
.our-achivement-sec h2 																			{ font-size: 35px; line-height: 40px; }
.our-achivement-sec .achiveBox 																	{ gap: 25px; padding-top: 30px; justify-content: space-evenly; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox 											{ height: 150px; width: 150px; margin-bottom: 15px; }
.our-achivement-sec .achiveBox .achiveBox-info .imgBox img 									    { max-width: 150px; }
.our-achivement-sec .achiveBox .achiveBox-info h5 												{ font-size: 18px; line-height: 28px; }

/* === Contact-Page === */
.map-sec .mapBox .adress iframe 																{ width: 100%; }
.map-sec .mapBox .adress 																		{ flex-direction: column; 	gap: 15px; }
.contact-sec 																					{ padding: 50px 0px 30px 0px; }
.contact-sec h6 																				{ font-size: 20px; line-height: 30px; }
.contact-sec h1 																				{ font-size: 35px; line-height: 40px; }
.contact-sec .contact-form 																		{ padding: 20px 0px 0px 0px; }
.contact-sec .contact-form .form-group .form-control 											{ font-size: 16px; line-height: 26px; padding: 10px 0px; }
.contact-sec .contact-form .form-group 															{ margin-bottom: 15px; }
.contact-sec .contact-form .form-group textarea 												{ height: 150px; }
.contact-sec .contact-form .send-btn 															{ font-size: 16px; line-height: 26px; padding: 10px 15px; }
.map-sec h2 																					{ font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.map-sec .mapBox .adress img 																	{ max-width: 30px; }
.map-sec .mapBox .adress h5 																	{ font-size: 16px; line-height: 26px; }
.map-sec .mapBox .adress .getBtn 																{ font-size: 18px; line-height: 28px; }
.map-sec .mapBox 																				{ padding-bottom: 40px; }

/* === Inquiry-Page === */
.tempalte-pop                                                                                   { padding: 25px 20px; }
.tempalte-pop h6                                                                                { font-size: 20px; line-height: 30px; margin-bottom: 0px; }
.tempalte-pop h2                                                                                { font-size: 40px; line-height: 45px; }
.tempalte-pop .contact-form .form-control                                                       { font-size: 15px; line-height: 25px; padding: 8px 0px; }
.tempalte-pop .contact-form .form-group                                                         { margin-bottom: 15px; }
.tempalte-pop .contact-form textarea                                                            { height: 150px; }
.tempalte-pop .contact-form .send-btn                                                           { font-size: 16px; line-height: 26px; padding: 8px 16px; }
#cboxClose                                                                                      { width: 30px; height: 30px; }

/* === Thank-you-Page === */
.thank-you-Sec 																					{ padding: 50px 0px; }
.thank-you-Sec h2 																				{ font-size: 40px; line-height: 50px; }
.thank-you-Sec p 																				{ font-size: 18px; line-height: 28px; }

}

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

:root										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }


}