


@media screen and (max-width:1800px) {
#home_page, #company_page, #members-bg, #work-bg, #customers-bg, #contact-bg{ background-attachment:fixed;}
#blog-bg .section{ margin-left:4%; margin-right:4%; max-width:92%;}
}

@media screen and (max-width:1400px) {
#company_page .section, #members-bg .section, #company_page .section, #work-bg .section, #customers-bg .section, #contact-bg .section, #blog-bg .section{ margin-top:150px; margin-bottom:10px; padding-bottom:15px;}
	.big_txt{ font-size:60px;}
	.work-bg{ display:none;}
.work-btn{ left:inherit; right:-5px;}
.work-bottom{ right:20px;}
.beefup-head, ul.member-profile li h2{ font-size:25px;}
ul.member-profile li{ font-size:16px;}
.dis{ font-size:20px;}
.roboto_m{ font-size:16px;}
.blog-sroller{ height:490px;}
ul.blog-box{ padding-top:12px; margin-bottom:12px; padding-bottom:0;}
.category{ padding-top:30px;}
ul.member-profile li{ padding:10px 23px;}
ul.member-profile li h2{ padding-bottom:10px;}
ul.member-profile li{ font-size:13px;}
.work-bg{ font-size:20px;}
.work{ padding: 20px 55px 0 100px;}
.txt-field{ height:50px;}
.send-btn{ height:50px;}
.social-connect a{ height:50px; line-height:50px;}
ul.contact-form{padding:15px 84px 0px 92px;}
}

@media screen and (max-width:1200px) {
.menu{ display:none; padding-top:10px; z-index:1; background:rgba(255,255,255,0.5); top:115px; position:absolute; right:0; width:100%;}
.menu li{ width:100%; padding:9px 15px;}
.big_txt{ font-size:50px; line-height:60px;}
.header_rgt{ position:inherit;}
#menu_click{ position:absolute; top:20px; right:10px;}
.menu li a:hover, .menu li a.active{ background:none; border-bottom:2px solid #88cd3d;}
.menu li a{ border-bottom:2px solid transparent;}
.header_rgt{ padding:0;}
.header_rgt{ position:absolute; right:0; top:0;}
#header{ position:fixed; top:0; left:0; width:100%;}
#home_page, #company_page, #members-bg, #work-bg, #customers-bg, #contact-bg{ background-position:center 115px;}

ul.member-profile li h2{ font-size:23px;}
ul.member-profile li{ font-size:16px;}
.member-photo{ margin-bottom:15px;}

.subs-div{ width:100%; top:115px; z-index:2;}
.email-field{ width:70%;}
.email-btn{ width:28%;}
.blog-left{ width:100%; border-left:none; border-bottom:1px solid #b69bb9; padding-bottom:30px; padding-right:15px;}
.blog-right{ width:100%; padding-left:15px; padding-right:15px;}
}

@media screen and (max-width:1024px) {
	ul.member-profile li{ width:100%; }
}


@media screen and (max-width:830px) {
#company_page .section, #work-bg .section, #customers-bg .section, #contact-bg .section, #blog-bg .section{ max-width:96%; margin-left:2%;}
.dis{ font-size:19px; letter-spacing:1px;}
.roboto_m{ font-size:17px;}
.beefup-head{ font-size:24px;}
.work-bottom{ width:94%;}
.work-bottom{ right:3%;}
.work{ padding:10px 20px 53px;}
.subs-div{ right:3%; width:94%;}
.header_rgt{ width:100%;}
ul.contact-form{ padding:33px 20px 44px;}
.blog-pic{ position:relative; margin:0 auto;}
.blog-description{ padding-left:0; padding-top:20px;}
.blog-heading{ font-size:19px;}

}


@media screen and (max-width:568px) {
.big_txt{ font-size:30px; line-height:40px;}
.logo img{ max-width:80%;}
.logo{ padding:22px 20px;}
.title_icon{ display:block; margin-bottom:36px;}
.title{ text-align:center;}
.member-photo{ width:220px; margin:0 auto 15px; float:none;}
ul.member-profile li h2{ font-size:20px;}
.title{ font-size:31px;}
.work-bg{ font-size:20px; line-height:30px;}
.beefup-head{ font-size:16px;}
.beefup-body h4{ font-size:17px;}
.beefup-body p{ font-size:15px;}
.email-field{ width:50%;}
.email-btn{ width:47%;}
.social-connect{ width:100%; padding-top:15px; text-align:center;}
.social-connect a{ float:none; margin:0 5px; display:inline-block;}
.phone-number{ padding-left:0; width:100%; padding-bottom:25px; text-align:center;}
.address-number{ width:100%; text-align:center;}
}