/************************************************************************************
For Print than 1920
*************************************************************************************/
@media print{
}


/************************************************************************************
smaller than 1920
*************************************************************************************/
@media screen and (min-width:1920px){
}


/************************************************************************************
Smaller than 1600
*************************************************************************************/
@media screen and (min-width:1600px){
}


/************************************************************************************
Between 1280 to 1599
*************************************************************************************/
@media screen and (min-width:1280px) and (max-width:1599px){
}


/************************************************************************************
Between 960 to 1279
*************************************************************************************/
@media screen and (min-width:960px) and (max-width:1279px){	
}
@media screen and (max-width:1024px){
	#header_inner{width:100%;}
	.header_menu ul li{width:16.6%; font-size:1em;}
	.video embed,
	.video object,
	.video iframe{width:100%; height: auto; min-height: 300px;}
	#menu_box{width:100%; margin:0 auto;}
	img{max-width:100%;}
	#footer{width:94%; margin:0 auto;}
	#what_we_do_wrapper{width:100%; margin:0 auto;}
	.what_we_do_left{margin-bottom:30px;}
	.what_we_do_right{margin-bottom:30px;}
	#how_we_do_wrapper{width:100%; margin:0 auto;}
	.how_we_do_left{margin-bottom:30px;}
	.how_we_do_right{margin-bottom:30px;}
	#why_we_do_wrapper{width:100%; margin:0 auto;}
	.why_we_do_left{margin-bottom:30px;}
	.why_we_do_right{margin-bottom:30px;}
	#guts_wrapper_full{}
	#guts_wrapper{width:100%; margin:0 auto;}
	#guts_wrapper p{padding:0px 15px 15px 15px;}
	.heighlights{padding:0px 15px 15px 15px;}
	#who_does_wrapper{width:100%; margin:0 auto;}
	.who_do_left{padding:0px 0% 2% 1%;}
	#according_matter_wrapper{width:90%; margin:0 auto;}
	.who_do_right{padding:0px 1% 2% 0%;}
	#contact_wrapper_full{}
	#contact_wrapper{width:100%; margin:0 auto;}
	.contact_location{margin-left:15px;}
	.contact_mail{margin-left:15px;}
	.contact_no{margin-left:15px;}
	.contact_web{margin-left:15px;}
	.contact_linked{margin-left:15px;}
	.arrow_hide{height:130px;right:0px; top:-190px;}
	.accordionButton{min-height:150px;}
	.header_tagline{width:95%; font-size:170%; padding:0px 0px 0px 2%;}
	#logo{}	
	.header_right{padding:0px 10% 0px 0px; width:}
}

@media screen and (max-width:640px){
	.arrow_hide{height:120px;right:0px; top:-170px;}
	.header_right{width:50%;}
	#logo{width:180px; height:auto; padding:0px 0px 0px 30px;}
	#logo img{max-width:100%;}
	.header_tagline{width:95%; font-size:150%; padding:0px 0px 0px 2%; bottom:30px;}
	.mob_menu_icon{display:block;}
	#menu_box{display:none;}
	.accordionButton{min-height:130px;}
	.accordionButton h2{font-size:18px;}
	#header_inner{width:100%; margin:0 auto;}
	.video embed,
	.video object,
	.video iframe{width:100%; height: auto; min-height: 300px;}
	#menu_box{width:90%; margin:0 auto;}
	img{max-width:100%;}
	#footer{width:90%; margin:0 auto;}
	#what_we_do_wrapper{width:90%; margin:0 auto;}
	.what_we_do_left{float:none; width:100%; margin-bottom:30px; padding:0px;}
	.what_we_do_right{float:none; width:100%; padding:0px; margin-bottom:30px;}
	#how_we_do_wrapper{width:100%; margin:0 auto;}
	.how_we_do_left{float:none; width:90%; padding:0px 5% 5% 5%;}
	.how_we_do_right{float:none; width:90%; padding:0px 5% 5% 5%;}
	#why_we_do_wrapper{width:100%; margin:0 auto;}
	.why_we_do_left{float:none; width:90%; padding:0px 5% 5% 5%;}
	.why_we_do_right{float:none; width:90%; padding:0px 5% 5% 5%;}
	#guts_wrapper_full{}
	#guts_wrapper{width:100%; margin:0 auto;}
	#guts_wrapper p{padding:0px 15px 15px 15px;}
	.heighlights{padding:0px 15px 15px 15px;}
	#who_does_wrapper{width:100%; margin:0 auto;}
	.who_do_left{float:none; min-height:60px; width:90%; padding:0px 5% 5% 5%;}
	.who_do_right{float:none; width:90%; padding:0px 5% 5% 5%;}
	#contact_wrapper_full{}
	#contact_wrapper{width:100%; margin:0 auto;}
	.accordionContent{padding-left:60px;}
	#guts_wrapper h3.sub_heading{font-size:17px; width:250px;}
	.contact_location{margin-left:15px; padding-left:70px;}
	.contact_mail{margin-left:15px; padding-left:70px;}
	.contact_no{margin-left:15px; padding-left:70px;}
	.contact_web{margin-left:15px; padding-left:70px;}
	.contact_linked{margin-left:15px; padding-left:70px;}
	#how_we_do_wrapper h2.main_title{padding:10px 0px;}
	#why_we_do_wrapper h2.main_title{padding:10px 0px;}
	#guts_wrapper h2.main_title{padding:10px 0px 25px 0px;}
	#who_does_wrapper h2.main_title{padding:10px 0px;}
	#contact_wrapper h2.main_title{padding:10px 0px;}
}

@media screen and (max-width:400px){
	.arrow_hide{height:190px;right:0px; top:-240px;}
	.accordionButton{min-height:200px;}
}

@media screen and (max-width:500px){
	#logo{width:150px; height:auto; padding:0px 0px 0px 38px;}
	#logo img{max-width:100%;}
}