@media screen and (max-width: 1200px) {   
.container_banner { min-height: 750px; }
.banner_info { margin-top: 350px; }
.banner_info_aline { width: 400px;}
.banner_top_info h1 { font-size: 42px; }
.banner_top_info p { 
	font-size: 18px; 
	padding-bottom: 12px;	
}
.banner_bottom_info { padding-top: 12px; }
.banner_bottom_info h2 { font-size: 45px; }
.banner_bottom_info p { font-size: 22px; }
.banner_bottom_ring { bottom: -150px; }
.banner_bottom_ring img {
	width: 240px;
	height: 400px;
}
.philosophi_top_ring { top: -190px; }
.philosophi_top_ring img {
	width: 90px;
	height: 300px;	
}
.about_us_top_ring { top: -130px; }
.about_us_top_ring img {
	width: 160px;
	height: 320px;	
}
.about_us_bottom_ring { bottom: -130px; }
.about_us_bottom_ring img { 
	width: 150px;
	height: 250px;
}
.capabilities_top_ring { top: -115px; }
.capabilities_top_ring img { 
	width: 240px;
	height: 400px;
}
.capabilities_bottom_ring { bottom: -175px; }
.capabilities_bottom_ring img {
	width: 180px;
	height: 300px;
}

.brands_top_ring { top: -170px; }
.brands_top_ring img {
	width: 120px;
	height: 300px;	
}
.brands_bottom_ring { bottom: -230px; }
.brands_bottom_ring img {
	width: 300px;
	height: auto;	
}
.menu_inner ul li a {font-size:65px;}
}
@media screen and (max-width: 1024px) {   
.container_banner { min-height: 500px; }
.banner_info { margin-top: 210px; }
.banner_info_aline { width: 370px;}
.banner_top_info h1 { font-size: 40px; }
.banner_top_info p { 
	font-size: 17px; 
	padding-bottom: 10px;	
}
.banner_bottom_ring { bottom: -105px; }
.banner_bottom_ring img {
	width: 160px;
	height: 250px;
}
.btn_down_arrow {
	width: 30px;
	height: 16px;
	bottom: 40px;
}
.philosophi_full_image { min-height: 500px; }
.philosophi_top_ring { top: -150px; }
.philosophi_top_ring img {
	width: 70px;
	height: 250px;	
}
.philosophi_bottom_ring { bottom: -170px; }
.philosophi_bottom_ring img {
	width: 130px;
	height: 320px;	
}
.about_us_full_image { min-height: 500px; }
.about_us_top_ring { top: -110px; }
.about_us_top_ring img {
	width: 120px;
	height: 250px;	
}
.about_us_bottom_ring { bottom: -110px; }
.about_us_bottom_ring img { 
	width: 130px;
	height: 220px;
}
.capabilities_contant {  padding: 50px 0 40px; }
.capabilities_left {  padding: 0 5px 0 0; }
.capabilities_right { padding: 0 0 0 5px; }
.capabilities_full_image { min-height: 500px; }
.capabilities_top_ring { top: -90px; }
.capabilities_top_ring img { 
	width: 150px;
	height: 300px;
}
.capabilities_bottom_ring { bottom: -130px; }
.capabilities_bottom_ring img {
	width: 140px;
	height: 220px;
}
.brands_contant { padding: 30px 0 50px; }
.brands_info { padding: 40px 0 0 0; }
.image_brands { margin: 40px 0 45px 0; }
.brands_full_image { min-height: 500px; }
.brands_top_ring { top: -140px; }
.brands_top_ring img {
	width: 100px;
	height: 260px;	
}
.brands_bottom_ring { bottom: -200px; }
.brands_bottom_ring img {
	width: 250px;
	height: auto;	
}
.contact_info { padding: 0 10px 30px; }
.contact_contant { padding: 50px 0 70px; }
.contact_title { padding: 40px 0; }
}
@media screen and (max-width: 850px) {   
.container_banner { min-height: 450px; }
.banner_info { margin-top: 180px; }
.banner_info_aline { width: 325px;}
.banner_top_info h1 { font-size: 35px; }
.banner_top_info p { 
	font-size: 16px; 
	padding-bottom: 8px;	
}
.banner_bottom_info h2 { font-size: 45px; }
.banner_bottom_info p { font-size: 20px; }
.banner_bottom_info h2 { font-size: 35px; }
.banner_bottom_info p { font-size: 20px; }
.banner_bottom_ring { bottom: -90px; }
.banner_bottom_ring img {
	width: 140px;
	height: 210px;
}
.btn_down_arrow {
	width: 25px;
	height: 15px;
	bottom: 30px;
}
.philosophi_contant { padding: 40px 0 0 0; }
.philosophy_info { padding: 40px 0 0 0; }
.philosophy_info_left h2 { 
	padding-bottom: 0; 
	font-size: 30px;	
}
.philosophy_info_left p {
	font-size: 22px;
	line-height: 25px;	
}
.philosophy_info_right h2 {
	padding: 0;
	font-size: 32px;	
}
.philosophy_info_right p { 
	margin: 25px 0; 
	font-size: 20px;
	line-height: 30px;
}
.philosophi_top_ring { top: -100px; }
.philosophi_top_ring img {
	width: 60px;
	height: 180px;	
}
.philosophi_bottom_ring { bottom: -140px; }
.philosophi_bottom_ring img {
	width: 100px;
	height: 250px;	
}
.about_us_contant { padding: 40px 0 0 0; }
.about_us_info { padding: 30px 0 0 0; }
.about_us_info_left h2 { 
	padding-bottom: 0; 
	font-size: 30px;	
}
.about_us_info_left p {
	font-size: 22px;
	line-height: 25px;	
}
.about_us_info_right h2 {
	padding: 0;
	font-size: 32px;	
}
.about_us_info_right p { 
	margin: 25px 0; 
	font-size: 20px;
	line-height: 30px;
}
.about_us_top_ring { top: -80px; }
.about_us_top_ring img {
	width: 80px;
	height: 180px;	
}
.about_us_bottom_ring { bottom: -90px; }
.about_us_bottom_ring img { 
	width: 100px;
	height: 180px;
}
.image_about_us { margin: 20px 0 80px; }
.capabilities_info { padding: 35px 0 0 0; }
.capabilities_left h2 { 
	font-size: 30px; 
	padding-bottom: 20px;	
}
.capabilities_left p {
	font-size: 20px;
	line-height: 25px;
	margin: 24px 0;	
}
.capabilities_right h2 { 
	font-size: 30px; 
	padding-bottom: 0;		
}
.capabilities_right p { 
	font-size: 20px;
	line-height: 30px;
	margin: 35px 0;
}
.brands_info_left { padding: 0 10px 0 0; }
.brands_info_left h2 {
	font-size: 30px;
	padding-bottom: 15px;
}
.brands_info_left p {
	font-size: 20px;
	line-height: 25px;
	margin: 15px 0;	
}
.brands_info_right { padding: 0 0 0 10px; }
.brands_info_right h2 {
	font-size: 30px;
	padding-bottom: 0;
}
.brands_info_right p {
	font-size: 20px;
	line-height: 28px;
	margin: 30px 0 0;
}
.brands_top_ring { top: -100px; }
.brands_top_ring img {
	width: 70px;
	height: 180px;	
}
.brands_bottom_ring { bottom: -100px; }
.brands_bottom_ring img {
	width: 150px;
	height: 200px;	
}
.contact_contant { padding: 40px 0 20px; }
.contact_title {
	font-size: 30px;
	padding: 30px 0 40px;
}
.contact_title span { font-size: 30px; }
.contact_top_info { padding: 0 0 30px 0; }
.contact_info { padding: 0; }
.contact_left { padding-right: 0; }
.contact_right h3,
.contact_left h3 {
	font-size: 20px;
	padding-bottom: 20px;	
}
.contact_right h3 span,
.contact_left h3 span { padding-top: 2px; }
.contact_right p,
.contact_left p { font-size: 20px; }
.contact_right { padding-left: 0; }
.form_title h3 {
	font-size: 20px;
	padding: 0 0 30px 0;
}
#contact_form .form_content_left { padding: 0 5px 0; }
#contact_form .form_content_right { padding: 0 0 0 5px; }
#contact_form div input[type="text"],
#contact_form input[type="email"] {
	font-family: 'gothambook';
	width: 100%;
	height: 46px;
}
#contact_form div textarea {
	height: 174px;
	padding: 15px 12px;
}
#contact_form .btn_submit { padding-right: 0; }
#contact_form input[type="submit"] {
	font-size: 16px;
	line-height: 45px;
	padding: 0 45px;
}
}
@media screen and (max-width: 768px) {  
.philosophy_info_left h2 {  font-size: 24px; }
.philosophy_info_left p {
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;	
}
.philosophy_info_right h2 { font-size: 25px; }
.philosophy_info_right p { 
	margin: 15px 0; 
	font-size: 16px;
	line-height: 28px;
}
.philosophi_full_image,
.about_us_full_image { min-height: 450px; }
.about_us_info_left h2 { font-size: 28px; }
.about_us_info_left p {
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;	
}
.about_us_info_right h2 { font-size: 24px; }
.about_us_info_right p {
	font-size: 16px;
	line-height: 28px;
	margin: 15px 0;
}
.capabilities_left h2 { font-size: 24px; }
.capabilities_left p {
	font-size: 18px;
	line-height: 22px;
	margin: 15px 0;	
}
.capabilities_right h2 { 
	font-size: 25px; 
}
.capabilities_right p { 
	font-size: 20px;
	line-height: 28px;
	margin: 22px 0;
}
.capabilities_full_image { min-height: 450px; }
.capabilities_top_ring { top: -60px; }
.capabilities_top_ring img { 
	width: 100px;
	height: 200px;
}
.capabilities_bottom_ring { bottom: -90px; }
.capabilities_bottom_ring img {
	width: 90px;
	height: 160px;
}
.brands_info_left h2 {
	font-size: 25px;
	padding-bottom: 10px;
}
.brands_info_left p {
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;	
}
.brands_info_right h2 {
	font-size: 30px;
	padding-bottom: 0;
}
.brands_info_right p {
	font-size: 18px;
	line-height: 25px;
	margin: 15px 0 0;
}
.brands_full_image { min-height: 450px; }
.brands_top_ring { top: -80px; }
.brands_top_ring img {
	width: 60px;
	height: 150px;	
}
.brands_bottom_ring { bottom: -80px; }
.brands_bottom_ring img {
	width: 100px;
	height: 150px;	
}
.footer_social_logo ul { padding-left: 5%; }
.footer_social_logo ul li { margin: 6.5px 4px; }
.menu_inner ul li a {font-size:50px;}
}
@media screen and (max-width: 640px) {   
.logo img {
	width: 40px;
	height: 45px;	
}
.header_right { padding: 11px 0 0 0; }
.btn_menu { margin-right: 12px; }
.btn_menu img {
	width: 35px;
	height: 35px;	
}
.btn_social img {
	width: 35px;
	height: 34px;	
}
.container_banner { min-height: 400px; }
.banner_info_contant { padding-right: 12%; }
.banner_info { margin-top: 170px; }
.banner_info_aline { width: 320px;}
.banner_top_info p { padding-bottom: 5px;}
.banner_bottom_info h2 { font-size: 35px; }
.banner_bottom_info { padding-top: 10px; }
.banner_bottom_info h2 { font-size: 35px; }
.banner_bottom_info p { font-size: 16px; }
.banner_bottom_info p { font-size: 18px; }
.banner_bottom_ring { display:none;}
.philosophi_contant,
.philosophy_info { padding: 10px 0 0; }
.philosophy_info_left {
	float: none;
	width: 100%;	
	padding: 10px 0; 
}
.philosophy_info_right {
	float: none;
	width: 100%;
	padding: 10px 0; 	
}
.image_philosophi {  margin: 0px 0 40px; }
.philosophi_full_image { min-height: 400px; }
.capabilities_top_ring,
.capabilities_bottom_ring,
.brands_top_ring,
.brands_bottom_ring,
.bg_image_left,
.philosophi_bottom_ring,
.philosophi_top_ring { display:none;}
.about_us_contant { padding: 20px 0 0; }
.about_us_info { padding: 15px 0 0; }
.about_us_info_left {
	float: none;
	width: 100%;	
	padding: 10px 0; 
}
.about_us_info_right {
	float: none;
	width: 100%;
	padding: 10px 0; 	
}
.image_about_us { margin: 0px 0 60px; }
.about_us_top_ring,
.about_us_bottom_ring { display:none;}
.capabilities_contant { padding: 20px 0; }
.capabilities_left,
.capabilities_top_ring,
.capabilities_right {
	float: none;
	width: 100%;
	padding: 10px 0; 	
}
.capabilities_info { padding: 20px 0 0; }
.capabilities_left h2 { 
	font-size: 22px; 
	padding: 0;	
}
.capabilities_left p {
	font-size: 16px;
	line-height: 20px;
	margin: 10px 0;	
}
.capabilities_right h2 { font-size: 22px; }
.capabilities_right p { 
	font-size: 15px;
	line-height: 25px;
	margin: 10px 0;
}
.about_us_full_image { min-height: 400px; }
.capabilities_full_image { min-height: 400px; }
.capabilities_bottom_ring { bottom: -70px; }
.capabilities_bottom_ring img {
	width: 75px;
	height: 120px;
}
.brands_info {  padding: 20px 0 0; }
.brands_info_left {
	float: none;
	width: 100%;	
	padding: 10px 0; 
}
.brands_info_right {
	float: none;
	width: 100%;
	padding: 1px 0; 	
}
.brands_contant { padding: 10px 0 30px; }
.contact_contant { padding: 20px 0 10px; }
.contact_title { 
	font-size: 25px;
    padding: 20px 0 20px;
}
.contact_title span { font-size: 25px; }
.contact_left {
	float: none;
	width: 100%;	
}
.contact_right {
	float: none;
	width: 100%;
	padding-left: 0;	
}
.contact_right h3, .contact_left h3 {
    font-size: 18px;
    padding-bottom: 12px;
}
.contact_right p, .contact_left p {
    font-size: 16px;
	margin-bottom: 15px;	
}
.form_title h3 {
	font-size: 18px;
	padding: 0 0 15px 0;
}
#contact_form .form_content_left { 
	float: none;
	width: 100%;
	padding: 0;
}
#contact_form .form_content_right {
	float: none;
	width: 100%;
	padding: 0;	
}
#contact_form div input[type="text"],
#contact_form input[type="*"] { margin: 0; }
#footer {  padding: 20px 0 10px; }
}
@media screen and (max-width: 572px) {
#footer .creative {  padding-top: 39px; }	
}
@media screen and (max-width: 440px) {  
.container_banner { min-height: 350px; }
.banner_info { margin-top: 140px; }
.banner_info_aline { width: 90%;}
.banner_top_info h1 { font-size: 35px; }
.banner_top_info p { font-size: 15px; }
.banner_bottom_info h2 { font-size: 30px; }
.banner_bottom_info p { font-size: 18px; }
.btn_down_arrow {
	width: 25px;
	height: 15px;
	bottom: 30px;
}
.philosophi_full_image { min-height: 350px; }
.philosophy_info_left h2 {  font-size: 22px; }
.philosophy_info_left p {
	font-size: 16px;
	line-height: 20px;
	margin: 8px 0;	
}
.about_us_info { padding: 10px 0 0; }
.philosophy_info_right h2 { font-size: 22px; }
.philosophy_info_right p { 
	margin: 10px 0; 
	font-size: 15px;
	line-height: 26px;
}
.about_us_full_image { min-height: 350px; }
.about_us_info_left h2 { font-size: 22px; }
.about_us_info_left p {
	font-size: 16px;
	line-height: 20px;
	margin: 8px 0;	
}
.about_us_info_right h2 { font-size: 22px; }
.about_us_info_right p {
	font-size: 15px;
	line-height: 26px;
	margin: 10px 0;
}
.capabilities_full_image { min-height: 350px; }
.capabilities_top_ring { top: -40px; }
.capabilities_top_ring img { 
	width: 55px;
	height: 120px;
}
.capabilities_bottom_ring { bottom: -55px; }
.capabilities_bottom_ring img {
	width: 65px;
	height: 100px;
}
.brands_info_left h2 { font-size: 20px; }
.brands_info_left p {
	font-size: 16px;
	line-height: 20px;
	margin: 5px 0;	
}
.brands_info_right h2 { font-size: 25px; }
.brands_info_right p {
	font-size: 15px;
	line-height: 22px;
	margin: 10px 0 0;
}
.brands_full_image { min-height: 350px; }
.brands_top_ring { top: -65px; }
.brands_top_ring img {
	width: 50px;
	height: 120px;	
}
.brands_bottom_ring { bottom: -65px; }
.brands_bottom_ring img {
	width: 80px;
	height: 120px;	
}
.contact_title {
    font-size: 20px;
    padding: 12px 0;
}
.contact_right h3, .contact_left h3 {
    font-size: 16px;
    padding-bottom: 8px;
}
.contact_right p, .contact_left p { font-size: 15px; }
.form_title h3 {
    font-size: 16px;
    padding: 0 0 12px;
}
#contact_form div textarea { height: 150px; }
.footer_left_contact {
    float: none;
	text-align: center;
}
.footer_left_contact h3 { padding-bottom: 6px; }
.footer_left_contact p { padding-bottom: 10px; }
#footer .creative {
	padding: 10px 0;
	text-align: center;
}
.footer_social_logo {
	max-width: 320px; 
	margin: 0 auto;	
	text-align: center;
}
.footer_social_logo ul { padding-left: 0; }
.footer_social_logo ul li {
	width: 30px;
	height: 30px;
	float: none;
	display: inline-block;
	margin: 6.5px 2px;
}
.footer_social_logo ul li a {
	width: 30px;
	height: 30px;
	background-size: 30px 67px !important;
}
.footer_social_logo ul li a:hover { background-position: 0 -35px !important; }
.menu_inner ul li a {font-size:40px;}
p.share_this {font-size:22px;}
a.btn_menu, 
a.btn_social {
	width:31px;
	height:29px;
}
}
@media screen and (max-width: 397px) {
.banner_info { margin-top: 100px; }
.banner_bottom_info p { font-size: 14px; }
.philosophi_full_image { min-height: 250px; }
.about_us_full_image { min-height: 250px; }
.capabilities_full_image { min-height: 250px; }
}