/*		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: 991px) {
.wrapper{max-width:728px; margin:0 auto;}	
.top_details{ padding:15px 0 0 0}
.top_details .hello_btn{ margin:24px 0 23px 0}
.tabing_1 .right_tabing .pic{ width:100%}
.tabing_1 .right_tabing .pic img{ width:100%}
.tabing_1 .right_tabing .pic img.history{ margin: 0 0 0 -3px}
.portfolio_details ul li .common_box .portfolio img{ width:100%}
.portfolio_details ul li .common_box .hover_box{ height:55px; padding: 1% 2% 1% 2%}
.row_box .pic_box img{ width:100%}
.row_box .common_col{ margin-left:3%}
.row_box .common_col.second{ float:right; margin:0px; width:30%}
.global_box{ width:95%}
.bottom_left .pic_box img{ width:100%}
.bottom_left .pic_box{ float:left; width:80%; background:url(../images/picture_box.png) no-repeat 0 0; padding:10px 10px 15px 10px; background-size:100%}
/*.bottom_right{float:right; width:70%; background:url(../images/bottom_pic.png) no-repeat 22px 0; padding:25px 0 93px 0; margin:57px 0 0 0}*/
.global_bottom_box{ min-height:110px}
.global_bottom_box .mail_btn{ margin: 24px 20px 0 0}
.email_global form .send_btn{ margin:55px 0 0 0}
.bottom_right .row .col .twitter_box{ font-size:11px; line-height:16px}
.bottom_left .pic_details h4{ font-size:9px; line-height:12px}
.bottom_left .pic_details p{ font-size:12px; line-height:17px}
.email_box form p{ font-size:14px; line-height:19px; padding-bottom:4px}
.email_box form .row{ padding-bottom:5px}
.top_box{ padding:0px}
.email_box{ padding: 1% 2% 0 2%; margin:0px 0 0 10px}
.portfolio_details ul li .common_box .hover_box{ width:97%}
.global_top_details p{ font-size:20px; line-height:25px}
.global_bottom_box{ width:97%}
.global_top_box{ width:98.50%}
.email_global form .common_box{ width:36%}
footer{ margin-bottom:30px}

}



/*		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{max-width:305px; margin:0 auto;}	
.top_box{ padding:5px 0 0 0}
.logo{ float:left; width:30%;}
.logo img{ float:left; margin: 0 0 0 19px; width:100%}
ul.link li .number{ width:291%; padding:4px 0 4px 5px; font-size:9px; line-height:13px}
ul.link li .number a{ color:#fff}
.top_details{ padding:4px 0 0 0}	
.top_details h3{ font-size:17px; line-height:17px; padding-bottom:0px}
.top_details p{ font-size:12px; line-height:13px}
ul.link li{ width:16%}
ul.link li img{ width:100%} 
.top_details .hello_btn{ width:86%; margin:7px 0 0 0}
.top_details .hello_btn img{ width:50%; }
.email_box{ width:96%; margin:0px}
.email_box form p{ font-size:15px; line-height:20px; padding-bottom:10px}
.email_box form{ width:100%}
.email_box form .row .col{ width:100%; margin:0px}
.email_box form .row .col.second{ width:100%}
.tabing_details h3{ font-size:14px; line-height:19px}
.tabing_details{ padding:10px 0 0 0}
.tabing_1 .left_tabing{ width:99%}
.tabing_details p{ font-size:12px; line-height:17px}
.tabing_1 .right_tabing{ width:100%; float:left; background:#F4F4F4}
.tabing_1 .right_tabing img{ width:100%}
.tabing_1 .right_tabing .pic img.history{ margin: 0 0 0 -3px}
.green_box{ margin:0 0 0 0}
ul.list{ padding: 0 0 10px 5px}
ul.list li{ width:33%}
ul.list li .icon{ width:87%}
ul.list li .icon img{ width:100%}
ul.list li strong{ font-size:10px; line-height:15px}
.green_box h3{ font-size:17px; line-height:19px; font-weight:normal; padding-bottom:10px}
.portfolio_details ul li{ width:100%; padding-bottom:0}
.portfolio_details ul li img{ width:100%; }
.row_box .pic_box{ width:100%}
.row_box .pic_box img{ width:100%}
.row_box .common_col{ width:100%}
.row_box .common_col.second{ width:100%}
.row_box .common_col h3{ font-size:14px; line-height:19px; padding-bottom:5px}
.row_box .common_col ul.list_details li{ font-size:12px; line-height:17px; background:url(../images/plus_icon.png) no-repeat 0 5px;}
.bottom_section{ padding:20px 0 0 5%;}
.botom_right_details{ float:left; width:100%; padding:15px 0 20px 0}
.bottom_left{ width:90%}
.bottom_right{ float:left; background:url(../images/bottom_pic.png) no-repeat 0px 0; background-size:100%; width:100%; margin:10px 0 0 0; padding:30px 0 0px 0; height:auto}
.bottom_right .row .col{ width:22%}
.bottom_right .row .col.second{ width:77%}
.bottom_right .row .col .twitter_box{ font-size:9px; line-height:12px}
.bottom_right .row .col.third{ width:99%; margin:10px 0 0 0}
.footer_left ul li{ width:100%; margin:0px}
.global_box{ width:92%; margin:0 0 0 12px}
.global_top_details p{ font-size:12px; line-height:17px}
.global_bottom_box .mail_btn{ width:14%; margin: 0 0 0}
.global_bottom_box .mail_btn img{ width:100%}
.global_bottom_box{ min-height:0px; width:98%; }
.email_global form .common_box{ width:100%; margin:0px}
.email_global form .send_btn{ margin:5px 0; float:left}
.bottom_left .pic_box{ width:90%}
.row_box .common_col{ padding-top:10px}
.top_right{ margin-top:15px}
.top_tabing_box{ padding: 5% 1% 72% 2%}
.footer_left ul{ padding: 0 0 0 10px; width:100%}
.footer_right{ margin: 0 0 0 13px}
.portfolio_details ul li .common_box .hover_box{ width:96.1%}
.global_top_details{ width:96.2%}
.global_top_box{ width:98.7%}

}



/*		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) {
.wrapper{max-width:440px; margin:0 auto;}	


}