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



/* #Base 960 Grid
================================================== */

.container                                  { width: 1250px; 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: 1250px; }

}



/* #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 .top_right .top_contact .address	{ width: 240px; padding-right: 20px; }
#header .top_right .top_contact .phone		{ width: 200px; padding-right: 20px; }
#header .logo 								{ width: 150px; top: 15px; }
.menu_box ul.menu li						{ padding: 5px 7px; }
.menu_box ul.menu li a						{ font-size: 16px; }
.program_section .white_box .prog_box .cnt_box .title { font-size: 20px; }
.program_section .white_box .prog_box .cnt_box .arrow a { width: 50px; height: 50px; font-size: 30px; line-height: 26px; }
.text_cnt p br								{ display: none; }
.vodeo_section .video_box					{ width: 60%; }
.vodeo_section .video_box #vidwrap			{ height: 325px !important; }
.vodeo_section .video_cnt					{ width: 40%; }
.brands_section								{ padding-top: 0px; }
.footer_section .ftr_menu 					{ padding: 0 90px; }
.footer_section .ftr_contact .phone 		{ padding: 30px 0 17px 40px; font-size: 35px; }
.footer_section .ftr_contact .phone:before	{ font-size: 35px; }

/*------------- 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; }
#header .logo 								{ position: static; padding: 0px 0; }
#header .top_right							{ display: none; }
.menu_box 									{ display: none; }
.header-divider.stiky						{ height: 112px; }
#header.stiky .logo							{ display: block; }
.min_section								{ padding-top: 30px; padding-bottom: 30px; }
.min_section .content h5					{ margin: 0 0 10px 0; }
.min_section .content h1 					{ margin: 0 0 20px 0; font-size: 30px; line-height: normal; }
.min_section .content p						{ font-size: 18px; line-height: 27px; }
.min_section .content p br					{ display: none; }
.program_section							{ min-height: 350px; }
.program_section fieldset 					{ width: 345px; }
.program_section legend						{ margin-bottom: 0px; }
.program_section h1							{ font-size: 40px; line-height: normal; }
.program_section .white_box .prog_box .cnt_box { padding: 0 10px 10px 10px; }
.program_section .white_box .prog_box .cnt_box .title { font-size: 16px; }
.program_section .white_box .prog_box .cnt_box .arrow a { width: 40px; height: 40px; padding: 8px 0; font-size: 20px; line-height: 20px; }
.text_cnt 									{ padding: 20px 0; }
.text_cnt p									{ font-size: 18px; line-height: 27px; }
.text_cnt p br								{ display: none; }
.vodeo_section .video_box					{ width: 100%; }
.vodeo_section .video_box #vidwrap			{ height: 416px !important; }
.vodeo_section .video_cnt					{ width: 100%; padding-top: 30px; padding-left: 0px; }
.vodeo_section .video_cnt h1				{ font-size: 30px; }
.vodeo_section .video_cnt h1 br				{ display: none; }
.footer_section .ftr_menu 					{ padding: 0px 0px; }
.footer_section .ftr_menu ul li				{ font-size: 16px; }
.vodeo_section .join_btn					{ padding: 10px 70px; font-size: 20px; }
.footer_section .map						{ width: 100%; margin-top: 40px; padding-bottom: 0px; }
.footer_section .ftr_contact .ftr_logo		{ display: none; }
.footer_section .ftr_contact				{ width: 100%; margin-top: 50px; padding:15px; }
.footer_section .ftr_contact .phone			{ font-size: 35px; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }
#inner_banner								{ height: 250px; }
#inner_banner .caption h2					{ font-size: 35px; }
#inner_banner .shape.desktop				{ display: none; }
#inner_banner .shape.mobile					{ display: block; }
.inner_section								{ padding-top: 50px; padding-bottom: 50px; }
.inner_section h1							{ font-size: 30px; line-height: 35px; }
.inner_section ul.list_items.col-3 li		{ width: 49%; }
.inner_section .green_box					{ padding: 20px; font-size: 27px; line-height: 37px; }
.inner_section .green_box_bg				{ padding: 20px; }
.inner_section .foogallery.fg-default .fg-item { width: 173px; }

/*------------- our-process page -------------*/
.process .image img							{ width: 100px; }
.process h3									{ font-size: 20px; }

/*------------- blog page -------------*/
.blog_items h2.entry-title					{ font-size: 23px; }
.comment-respond p label					{ width: 100%; padding-right: 0px; text-align: left; }
.comment-respond p textarea					{ width: 100%; }
.comment-respond p input					{ width: 100%; }
.comment-respond p.comment-form-cookies-consent input { margin-left: 0%; }
.comment-respond p.comment-form-cookies-consent label { width: calc(100% - 20px); }
.comment-respond p .submit					{ margin-left: 0%; }



}



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

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

.container									{ width: auto; margin: 0 15px; }

button#responsive-menu-button				{ top: 20px !important; }
#header										{ padding: 10px 0; }
#header .logo 								{ position: static; width: 210px; padding: 0px 0; }
#header .top_right							{ display: none; }
.menu_box 									{ display: none; }
.header-divider.stiky						{ height: 91px; }
#header.stiky .logo							{ display: block; width: 210px; }
#slider .tparrows							{ width: 33px; height: 33px; }
#slider .tparrows:before					{ font-size: 30px; line-height: 33px; }
#slider .shape.desktop						{ display: none; }
#slider .shape.mobile						{ display: block; }
.min_section								{ padding-top: 30px; padding-bottom: 30px; }
.min_section .content						{ padding-top: 0px; }
.min_section .content h5					{ margin: 0 0 10px 0; }
.min_section .content h1					{ margin: 0 0 10px 0; font-size: 25px; line-height: 35px; }
.min_section .content p						{ font-size: 18px; line-height: 27px; }
.min_section .content p br					{ display: none; }
.program_section							{ min-height: auto; margin-bottom: 150px; padding-top: 30px; padding-bottom: 50px;}
.program_section fieldset					{ width:100%; }
.program_section legend						{ margin-bottom: 0px; padding: 0px 10px; }
.program_section h1							{ font-size: 35px; line-height: 40px; }
.program_section .white_box .prog_box		{ margin-bottom: 20px; }
.program_section .white_box .prog_box .cnt_box { padding: 0 10px 10px 10px; }
.program_section .white_box .prog_box .cnt_box .title { font-size: 20px; }
.program_section .white_box .prog_box .cnt_box .arrow a { width: 40px; height: 40px; padding: 8px 0; font-size: 20px; line-height: 20px; }
.text_cnt 									{ padding: 20px 0; }
.text_cnt p									{ font-size: 18px; line-height: 27px; }
.text_cnt p br								{ display: none; }
.vodeo_section								{ padding-bottom: 0px }
.vodeo_section .video_box					{ width: 100%; }
.vodeo_section .video_box #vidwrap			{ height: 217px !important; }
.vodeo_section .video_cnt					{ width: 100%; padding-top: 30px; padding-left: 0px; }
.vodeo_section .video_cnt h1				{ font-size: 25px; }
.vodeo_section .video_cnt h1 br				{ display: none; }
.vodeo_section .join_btn 					{ padding: 10px 30px; font-size: 18px; }
.footer_section								{ padding-top: 40px; }
.footer_section .ftr_menu 					{ padding: 0 0px; }
.footer_section .ftr_menu ul li				{ font-size: 15px; }
.footer_section .ftr_menu ul li a			{ margin-right: 10px; }
.footer_section .map						{ width: 100%; margin-top: 20px; padding-bottom: 0px; }
.footer_section .ftr_contact .ftr_logo		{ display: none; }
.footer_section .ftr_contact				{ width: 100%; margin-top: 30px; padding: 15px; }
.footer_section .ftr_contact .left_cnt		{ width: 100%; }
.footer_section .ftr_contact .phone			{ padding: 15px 0 17px 30px; font-size: 18px; }
.footer_section .ftr_contact .phone:before	{ font-size: 22px; left: 0px; }
.footer_section .ftr_contact .hour			{ width: 100%; }
.footer_section .ftr_contact .hour h3		{ padding: 0px 0 0px 30px; font-size: 18px;  }
.footer_section .ftr_contact .hour h3:before { font-size: 18px;  }
.footer_section .ftr_contact .hour p		{ font-size: 18px; padding: 0px 0 0px 30px;  }
.footer_section .ftr_social					{ padding-bottom: 10px; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }
.responsive-table							{ display: block; width: auto; position: relative; overflow-x: auto; }
#inner_banner								{ height: 250px; }
#inner_banner .caption h2					{ font-size: 25px; }
#inner_banner .shape.desktop				{ display: none; }
#inner_banner .shape.mobile					{ display: block; }
.inner_section								{ padding-top: 40px; padding-bottom: 40px; }
.inner_section h1							{ font-size: 27px; line-height: 32px; }
.inner_section ul.list_items.col-3 li		{ width: 100%; }
.inner_section .green_box					{ padding: 10px; font-size: 22px; line-height: 32px; }
.inner_section .green_right_box				{ float: left; width: 100%; margin: 0 0 20px 0; }
.inner_section .green_box_bg				{ padding: 10px; }
.inner_section .green_box_bg h2 + h2		{ float: left; }
.inner_section .foogallery.fg-default .fg-item { width: 165px; }

/*------------- our-process page -------------*/
.process									{ width: 50%; padding: 20px 15px; }
.process .image:before						{ content: none; }
.process .image img							{ width: 100px; }
.process h3									{ font-size: 18px; }

/*------------- blog page -------------*/
.left_content								{ margin-bottom: 40px; }
.blog_items h2.entry-title					{ font-size: 21px; }
.comment-respond p label					{ width: 100%; padding-right: 0px; text-align: left; }
.comment-respond p textarea					{ width: 100%; }
.comment-respond p input					{ width: 100%; }
.comment-respond p.comment-form-cookies-consent input { margin-left: 0%; }
.comment-respond p.comment-form-cookies-consent label { width: calc(100% - 20px); }
.comment-respond p .submit					{ margin-left: 0%; }



}



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

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

.container	{ /*width: 420px;*/ width: auto; margin: 0 15px; }

.vodeo_section .video_box #vidwrap			{ height: 398px !important; }
.footer_section .ftr_contact .left_cnt		{ width: 50%; }
.footer_section .ftr_contact .phone			{ padding: 27px 0 17px 30px; font-size: 37px; }
.footer_section .ftr_contact .phone:before	{ font-size: 30px; left: -5px; }
.footer_section .ftr_contact .hour			{ width: 50%; }

/*------------- inner pages -------------*/
.inner_section .foogallery.fg-default .fg-item { width: 202px; }



}


/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }