/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

/* #Base 960 Grid
================================================== */
.container                                  			{ width: 1220px; margin: 0 auto; padding: 0; }


/* #Additional - Large Screens beyond 1280px
================================================== */
/* Note: Design for a width of 1280px */

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
.container                                  			{ width: 1220px; }

#slider .bx-viewport 									{ height:518px!important; }
.bx-wrapper .bx-caption 								{ bottom: 10%; }
#slider .bx-controls                                    { bottom: 18%; }

}



/* #Additional - Large Screens beyond 1024px
================================================== */
/* Note: Design for a width of 1024px */

@media only screen and (min-width: 959px) and (max-width: 1330px) {
.container												{ width: 960px; }

#header 												{ padding: 10px 0; top: 0px; }
#header .logo 											{ width: 200px; margin-right: 0px; }
#header .top_left										{ display: none; }
#header .top_right										{ display: none; }
#header .menu_box										{ display: none; }
#header .menu_box2										{ display:block; margin-top: 15px;}

.dl-menuwrapper 										{ position: absolute; right: 0; }

#slider .bx-viewport 									{ height:395px!important; }
.bx-wrapper .bx-caption 								{ width: 80%; }

.min_section 											{ padding-top: 50px; padding-bottom: 50px; }
.min_section h1 										{ width:60%; margin: 0 auto 30px auto; font-size: 30px; line-height: 40px; }
.min_section h1:before, .min_section h1:after			{ top: 40px; width: 20%; }
.min_section p 											{ font-size: 16px; line-height: 28px; }
.min_section h3 										{ font-size: 20px; line-height: 30px; }

.product_section .shop .caption 						{ padding: 20px 5%; min-height: 95px; }
.product_section .shop .caption h4 						{ margin: 0 0 0px 0; font-size: 20px; }

.testimonials-sec 										{ min-height: 550px; }
.testimonials-sec .testimonial 							{ padding: 90px 0; }
.testimonials-sec .testimonial h1 						{ font-size: 25px; line-height: 30px; }
.testimonials-sec .testimonial p 						{ margin: 50px 0; font-size: 20px; line-height: 30px; }
.testimonials-sec .bx-controls 							{ margin-top: 5px; }

.contact_section .map									{ min-height: 400px; }
.contact_section .map iframe							{ height: 400px; }


.footer_section .ftr_menu 								{ padding-left: 15px; }
.footer_bottom 											{ padding-bottom: 25px; }
.footer_bottom .copy_text 								{ line-height: 24px; margin-bottom: 20px; }
.footer_bottom .payment_logo                            { text-align: center; }
.footer_bottom .payment_logo img                        { margin-bottom: 5px; }

/*------------- inner pages -------------*/
#inner_banner											{ height: 250px; }
#inner_banner .caption h2								{ font-size: 46px; line-height: 46px; }


}




/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */



@media only screen and (min-width: 768px) and (max-width: 959px) {
.container												{ width: 738px; }

#header 												{ padding: 10px 0; top: 0px; }
#header .logo 											{ width: 200px; margin-right: 0px; }
#header .top_left										{ display: none; }
#header .top_right										{ display: none; }
#header .menu_box										{ display: none; }
#header .menu_box2										{ display:block; margin-top: 15px;}

.dl-menuwrapper 										{ position: absolute; right: 0; }

#slider .bx-viewport 									{ height: 288px!important; }
.bx-wrapper .bx-caption 								{ top: 40%; width: 90%; font-size: 20px; line-height: 40px; }
.bx-wrapper .bx-caption .cap_title                      { font-size: 18px; line-height: 45px; }
.bx-wrapper .bx-caption a                               { font-size: 18px; line-height: 40px; padding: 3px 20px; }
#slider .bx-controls                                    { bottom: 25%; }
#slider .bx-wrapper .bx-prev                            { left: 10px; }
#slider .bx-wrapper .bx-next                            { right: 10px; }

.min_section 											{ padding-top: 50px; padding-bottom: 50px; }
.min_section h1 										{ width:80%; margin: 0 auto 30px auto; font-size: 30px; line-height: 40px; }
.min_section h1:before, .min_section h1:after			{ top: 40px; }
.min_section p 											{ font-size: 16px; line-height: 28px; }
.min_section h3 										{ font-size: 20px; line-height: 30px; }

.product_section .shop .caption 						{ padding: 20px 5%; min-height: 95px; }
.product_section .shop .caption h4 						{ margin: 0 0 0px 0; font-size: 20px; }

.testimonials-sec 										{ min-height: 550px; }
.testimonials-sec .testimonial 							{ padding: 90px 0; }
.testimonials-sec .testimonial h1 						{ font-size: 25px; line-height: 30px; }
.testimonials-sec .testimonial p 						{ margin: 50px 0; font-size: 20px; line-height: 30px; }
.testimonials-sec .bx-controls 							{ margin-top: 5px; }
.contact_section .map									{ min-height: 400px; }
.contact_section .map iframe							{ height: 400px; }

.footer_section .ftr_menu 								{ padding-left: 15px; }
.footer_bottom 											{ padding-bottom: 25px; }
.footer_bottom .copy_text 								{ line-height: 24px; margin-bottom: 20px; }
.footer_bottom .payment_logo                            { display: flex; }


/*------------- inner pages -------------*/

.alignleft, .alignnone, .alignright, .aligncenter 		{ max-width: 50%; }

.header_divder.stiky 									{ height: 95px; }

/*.inner_banner 											{ height: 180px; }*/
.inner_banner .caption 									{ padding: 10px 3%; }
.inner_banner .caption h1 								{ font-size: 20px; line-height: 30px; }
.inner_section .content h2 								{ font-size: 22px; line-height: 34px; }
.inner_section .content h3 								{ margin: 10px 0 30px 0; font-size: 18px; line-height: 28px; }
.inner_section .content h4 								{ font-size: 18px; line-height: 26px; margin:0px 0 10px 0; }
.inner_banner .caption p 								{ margin: 0 0 0px 0; font-size: 14px; line-height: 20px; }
.inner_banner .caption p br 							{ display:none; }

.inner_section 											{ padding-top: 30px; padding-bottom: 30px; }
.inner_section .content p 								{ font-size: 16px; line-height: 26px; }
.inner_section .content p img							{ width:100%; height:auto; }
.inner_section .map iframe 								{ height: 250px; }
.inner_section ul.listbox 								{ margin: 0px 0 20px 0; }

.glass_section 											{ padding-top: 0px; padding-bottom: 30px; }
.glass_section h2:before, .glass_section h2:after		{ display:none; }
.glass_section h2 										{ font-size: 20px; line-height: 28px; }
.glass_section ul li 									{ width: 30%; margin: 0px 1% 15px 1%; font-size: 14px; line-height: 22px; }
.glass_section h3 										{ font-size: 18px; line-height: 20px; }
.custom_sizes ul li 									{ width: 47%; margin: 0px 1% 15px 1%; }


/*----------------- Contact Page -----------------*/
.contact-form                                           { margin-bottom: 20px; }
.contact-form .form-control                             { height: 45px; font-size: 16px; padding: 10px 15px }
.contact-form .form-group .submit_btn                   { padding: 10px 25px; font-size: 16px; line-height: 26px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {
.container												{ width: auto; margin: 0 15px; }

#header 												{ padding: 10px 0; top: 0px; }
#header .logo 											{ width: 200px; margin-right: 0px; }
#header .top_left										{ display: none; }
#header .top_right										{ display: none; }
#header .menu_box										{ display: none; }
#header .menu_box2										{ display:block; margin-top: 15px;}
.dl-menuwrapper 										{ position: absolute; right: 0; }

#slider .bx-wrapper img 								{ max-width: 165%; margin-left: 0%; }
#slider .bx-viewport 									{ height:234px!important; }
.bx-wrapper img 										{ width: 165%; }
.bx-wrapper .bx-caption									{ top: 37%; width: 80%; font-size: 18px; line-height: 24px; }
.bx-wrapper .bx-caption .cap_title                      { font-size: 14px; line-height: 22px; padding: 5px; }
.bx-wrapper .bx-caption a                               { font-size: 14px; line-height: 35px; padding: 5px 20px; }
#slider .bx-controls                                    { bottom: 20%; }
#slider .bx-wrapper .bx-prev                            { left: 10px; }
#slider .bx-wrapper .bx-next                            { right: 10px; }

.min_section 											{ padding-top: 40px; padding-bottom: 40px; }
.min_section h1 										{ margin: 0 0 30px 0; font-size: 25px; line-height: 30px; }
.min_section h1:before, .min_section h1:after			{ display:none; }
.min_section p 											{ font-size: 16px; line-height: 28px; }
.min_section ul.listbox li 								{ width: 100%; }
.min_section h3 										{ font-size: 20px; line-height: 30px; }

.product_section .shop .caption 						{ padding: 15px 5%; min-height: inherit; }
.product_section .shop .caption h4 						{ font-size: 20px; }
.product_section .shop .image 							{ margin-bottom: 20px;}

.testimonials-sec .testimonial 							{ padding: 50px 0; }
.testimonials-sec .testimonial h1 						{ font-size: 25px; line-height: 30px; }
.testimonials-sec .testimonial p 						{ margin: 50px 0; font-size: 20px; line-height: 30px; }
.testimonials-sec .bx-controls 							{ margin-top: 5px; }
.contact_section .map									{ min-height: 400px; }
.contact_section .map iframe							{ height: 400px; }


.footer_section .ftr_menu 								{ padding-left: 15px; margin-top: 20px; }
.footer_bottom 											{ padding-bottom: 25px; }
.footer_bottom .copy_text 								{ line-height: 24px; margin-bottom: 20px; }
.footer_bottom .payment_logo                            { display: flex; }
.footer_bottom .payment_logo img                        { width: 70%; }
.footer_bottom .payment_logo a img                      { width: 100%; }


/*------------- inner pages -------------*/

.alignleft, .alignnone, .alignright, .aligncenter 		{ float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }
.header_divder.stiky 									{ height: 95px; }

/*.inner_banner 											{ height: 180px; }*/

.inner_banner .caption 									{ padding: 10px 3%; }
.inner_banner .caption h1 								{ font-size: 20px; line-height: 30px; }
.inner_banner .caption p 								{ margin: 0 0 0px 0; font-size: 14px; line-height: 18px; }

.inner_section 											{ padding-top: 30px; padding-bottom: 30px; }
.inner_section .content h2 								{ font-size: 22px; line-height: 34px; }
.inner_section .content h3 								{ margin: 10px 0 30px 0; font-size: 18px; line-height: 28px; }
.inner_section .content h4 								{ font-size: 18px; line-height: 26px; }
.inner_section .content p 								{ font-size: 16px; line-height: 26px; }
.inner_section .content p img							{ width:100%; height:auto; }
.inner_section .map iframe 								{ height: 250px; }
.inner_section ul.listbox 								{ margin: 0px 0 20px 0; }

.glass_section 											{ padding-top: 0px; padding-bottom: 30px; }
.glass_section h2:before, .glass_section h2:after		{ display:none; }
.glass_section h2 										{ font-size: 20px; line-height: 28px;}
.glass_section ul li 									{ width: 30%; margin: 0px 1% 15px 1%; ont-size: 14px; line-height: 22px; }
.glass_section h3 										{ font-size: 18px; line-height: 20px; }
.custom_sizes ul li 									{ width: 47%; margin: 0px 1% 15px 1%; }


/*----------------- Contact Page -----------------*/
.contact-form                                           { margin-bottom: 20px; }
.contact-form .form-control                             { height: 45px; font-size: 16px; padding: 10px 15px }
.contact-form .form-group .submit_btn                   { padding: 10px 25px; font-size: 16px; line-height: 26px; }


}




/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */


@media only screen and (min-width: 480px) and (max-width: 767px) {



.container											{ width: auto; margin: 0 15px; }
.bx-wrapper img                                     { width: 100%; }





}





/* #Clearing

================================================== */

/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }