
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


@media only screen and (min-width: 768px) and (max-width: 1001px) {
.wrapper{max-width:748px; margin:0 auto;}
.header{ background-size:100%; width:94.94%;}
.header .logo{ max-width:25%;}
.header .menu{padding:11px 0 0 5px;}
.header .menu li{font-size:17px;}
.header .social_icon{padding:17px 14px 0 0;}
.header .menu li a{padding-left: 19px;}
.header .menu li a span{padding:10px 14px 15px 0;}
.banner_sec{padding:0 0 189px;}
.banner_sec .icon{top:130px; right:150px;}
.banner_sec ul li{font-size:17px; padding:0 0 12px 7%; width:43%;}
.right_sec h3{font-size:33px;}
.right_sec .social_icon li{padding:0;}
.right_sec .social_icon li img{max-width:70%;}
.right_sec .social_icon{padding:21px 0 0;}
.home_sec a.top_link{padding:14px 0 59px;}
.left_sec p{font-size:12px;}
.body_container{padding:0;}
.right_sec{padding:40px 0 92px;}
.about_content{padding:60px 0 126px 4%; width:95%;}
.buy_content .cmn_box .img_box{margin:0 17px 0 0;}
.buy_content .top_link{padding:36px 0;}
.buy_content{padding:0 0 77px;}
.buy_content .cmn_box h3{font-size:20px;}
.buy_content .cmn_box p{padding:5px 0 10px;}
.contact_sec{width:100%; padding:86px 0 85px 0;}
.contact_sec .contact_form{width:62.3%;}
.contact_sec .contact_form h3{font-size:14px; line-height:23px;}
.contact_sec .contact_form .row{padding:19px 0 0;}
.contact_sec .contact_form h4{font-size:13px;}
.contact_sec .contact_form .row2{padding:24px 0 25px;}
.footer{float:left; width:100%; background:#f9fcfd;}


}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
.wrapper{padding:0 10px;}
.header{width:100%; display:inline-block; text-align:center; background:#fff; padding:12px 0;}
.header .logo{float:none;}
.header .logo img{ float:none;}
.header .menu{display:none;}
.header select{display:block; width:95%; margin:8px 2.5%; padding:5px 0;}
.header .social_icon{width:100%; text-align:center; padding:10px 0 3px 0;}
.header .social_icon li{float:none; display:inline-block;}
.header .social_icon li a.icon1{float:none; display:inline-block;}
.header .social_icon li a.icon2{float:none; display:inline-block;}
.header .social_icon li a.icon3{float:none; display:inline-block;}
.header .social_icon li a.icon4{float:none; display:inline-block;}
.banner_sec h3{font-size:44px; line-height:48px; padding:12px 0;}
.banner_sec{padding:8px 0 155px;}
.banner_sec .icon{display:none;}
.banner_sec p{width:100%;}
.banner_sec h4{font-size:22px; line-height:31px; padding:14px 0 13px;}
.banner_sec ul li{font-size:13px; line-height:19px; width:74%; padding:0 0 12px 13%;}
.banner_sec{padding:8px 0 38px;}
.home_sec a.top_link{font-size:14px; padding:2px 0 32px;}
.left_sec{width:100%; padding:0;}
.right_sec{width:100%; background:none; padding:40px 0 45px;}
.left_sec .pic_box{margin:20px 12px 0 20px;}
.left_sec p{line-height:17px; padding:0 0 7px;}
.right_sec h3{font-size:35px;}
.right_sec .social_icon{padding:24px 0 0;}
.right_sec .social_icon li{padding:0;}
.right_sec .social_icon li img{max-width:70%;}
.footer{padding:15px 0 18px; width:100%; text-align:center;}
.footer span{float:none; text-align:center; width:100%;}
.footer ul{padding:0 0 7px 0; float:none;}
.footer ul li{padding:0 4px; line-height:13px; float:none; display:inline-block;}
.footer ul a{ float:none;}
.about_content{width:97%; padding:60px 0 26px 3%;}
.about_content h5{width:100%; display:inline-block; text-align:center; padding:36px 0 15px;}
.about_content .logo{float:none;}
.about_content .logo img{float:none;}
.about_content .logo2{float:none;}
.about_content .logo2 img{float:none;}
.top_bg.inner{min-height:201px;}
.buy_content .cmn_container{background:none;}
.buy_content .cmn_container .row{background:none; padding:0;}
.buy_content .cmn_box{width:100%; margin-bottom:60px;}
.buy_content .cmn_box .img_box{margin:0 3px 0 0;}
.buy_content .top_link{padding:26px 0 27px; text-align:center;}
.buy_content .cmn_box h3{font-size:17px;}
.buy_content .cmn_box p{padding:3px 0 0; font-size:14px;}
.buy_content .cmn_box strong{font-size:22px; padding:0;}
.buy_content .cmn_box a.buy{background-size:100% 100%; font-size:16px; padding:8px 0;}
.buy_content .cmn_container .row.sep{ padding:0;}
.buy_content{padding:0;}
.contact_sec{width:100%; padding:36px 0 72px 0;}
.contact_sec .contact_form{width:100%;}
.contact_sec .contact_form h3{font-size:14px; line-height:22px;}
.contact_sec .contact_form .row{padding:17px 0 0;}
.contact_sec .pic_box{float:none; text-align:center;}
.contact_sec .pic_box img{float:none;}
} 



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.left_sec p{line-height:22px;}
	.home_sec a.top_link{padding:7px 0 44px;}
	.buy_content .cmn_box h3{font-size:26px;}
	.buy_content .cmn_box p{font-size:15px; padding:6px 0 9px;}
	.buy_content .cmn_box .img_box{margin:0 11px 0 0;}
	
}

