@charset "utf-8";
/* CSS Document */

/***************************************************  Mobile css ***************************/

@media only screen and (max-width: 240px){
.bullets.left, .bullets.right{
	width:100%;	
}
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#logo img{ max-width:100%;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px; width:71%;}
#wrapper_2{ display:none;}
#wrapper_2{ height:auto; max-height:100%;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin: 19px auto;
    padding: 0;
    width:200px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden;
}
#arrows #prev{ left:5px; top: 26%;}
#arrows #next{ right:5px; top: 26%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    font-size: 20px;
    text-align: center;
    width:100%;}
#left h1 span.title_1{ font-size:21px;}

#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
#main_body.services #left h1 span.title_1{ font-size:30px;}
#left ul#left_menu li a{ font-size:13px;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:55px; overflow:hidden;}
#main_body.commentary #right_full #img{ width:100%;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}

#main_body.services #right_full #content.odd_1, #main_body.services #right_full #content.even_1{ width:195px;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%; float:right;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}
#main_body.services #right_full .service_title h4{ font-size:24px;}
#main_body.services #right_full .service_title h4 span{ font-size:20px;}

#more_option{ float:right; width:auto;}
#sidebar2 #more_option{ margin-top:-33px;}
#more_option img{ width:20px; height:20px;}
#more_option a{ margin:0 3px;}
#sidebar2 #box1_content #text{ width:69%;}
#sidebar1 #box1_content #text{ width:66%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}

}

/******************************* 320 *****************************/

@media only screen and (min-width: 241px) and (max-width: 320px) {
.bullets.left, .bullets.right{
	width:100%;	
}
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#logo img{ max-width:100%;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px; width:71%;}
#wrapper_2{ display:none;}

#wrapper_2{ height:auto; max-height:100%;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin: 19px auto;
    padding: 0;
    width: 350px;}
#main_body.about #caption{ width:100%;}
#main_body.about #caption h1{ font-size:32px;}
#main_body.about #caption h3{ font-size:36px;}
#main_body.services #caption{ width:100%;}
#main_body.services #caption h1{ font-size:32px;}
#main_body.services #caption h3{ font-size:36px;}
#main_body.services #caption h1 span{ font-size:27px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden;
}
#arrows #prev{ left:15px; top: 26%;}
#arrows #next{ right:15px; top: 26%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    font-size: 20px;
    text-align: center;
    width:100%;}
#left h1 span.title_1{ font-size:21px;}

#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
#main_body.services #left h1 span.title_1{ font-size:30px;}
#left ul#left_menu li a{ font-size:13px;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden;}
#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}
#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content{ width:275px !important;}
#main_body.services #right_full .service_title{ height:100%;}

#more_option{ float:right; width:auto;}
#sidebar2 #more_option{ margin-top:-33px;}
#more_option img{ width:20px; height:20px;}
#more_option a{ margin:0 3px;}
#sidebar2 #box1_content #text{ width:77%;}
#sidebar1 #box1_content #text{ width:66%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}

}


/******************************* 380 *****************************/

@media only screen and (min-width: 321px) and (max-width: 380px) {
	.bullets.left, .bullets.right{
	width:100%;	
}
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#logo img{ max-width:100%;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}
#wrapper_2{ height:auto; max-height:100%;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin: 19px auto;
    padding: 0;
    width: 350px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden;
}
#arrows #prev{ left:15px; top: 26%;}
#arrows #next{ right:15px; top: 26%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    font-size: 20px;
    text-align: center;
    width:100%;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; width:100%; margin:0;}
#main_body.commentary #right_full #img{ width:100%;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}
#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}
#main_body.services #right_full #content.odd_1 #img{ float:left; width:100%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:100%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}

#main_body.services #right_full #content.even_1 #img{ float:left; width:100%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:right; width:100%;}

}

/******************************* 480 *****************************/

@media only screen and (min-width: 381px) and (max-width : 480px) {
	.bullets.left, .bullets.right{
	width:100%;	
}
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}
#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin: 19px auto;
    padding: 0;
    width: 350px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden; height:auto;
}
#banner #slide_area img{ float:left; width:100%; height:auto;}
#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    text-align: center;
    width:100%;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}
#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}

#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}

}

/******************************* 568 *****************************/

@media only screen and (min-width: 481px) and (max-width: 568px) {
	.bullets.left, .bullets.right{
	width:100%;	
}
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}

#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin:0 auto;
    padding: 0;
    width: 350px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden; height:auto;
}
#banner #slide_area img{ float:left; width:100%; height:auto;}
#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}


#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    text-align: center;
    width:100%;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}

#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}
#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}
#main_body.services #right_full #content.odd_1 #img{ float:left; width:45%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:50%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}

#main_body.services #right_full #content.even_1 #img{ float:left; width:45%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:right; width:50%;}

}

/******************************* 600 *****************************/

@media only screen and (min-width: 569px ) and (max-width: 600px) {
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}

#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: 350px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 94%;
}
#banner #slide_area {
    width: 100%; overflow:hidden; height:auto;
}
#banner #slide_area img{ float:left; width:100%; height:auto;}
#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    text-align: center;
    width:100%;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}

#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}

#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

.about.team #right_full #content{ padding-bottom:40px !important;}

#main_body.services #right_full #content.odd_1 #img{ float:left; width:45%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:52%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}
#main_body.services #right_full #content #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:right; width:45%;  margin:0 0px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:52%;}

}

/******************************* 685 *****************************/

@media only screen and (min-width: 601px) and (max-width: 685px) {
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top: 30px;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; left:0; padding:0; position:absolute; top:0px; width:100%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}
#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin:0 auto;
    padding: 0;
    width:455px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 95%;
}
#banner #slide_area {
    width: 100%; overflow:hidden; height:auto;
}
#banner #slide_area img{ float:left; width:100%; height:auto;}
#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    text-align: center;
    width:100%;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; width:100%; margin:0;}
#sidebar2{ margin:15px 0 0 0;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}

#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.about.team #right_full #content{ padding-bottom:40px !important;}


#main_body.services #right_full #content.odd_1 #img{ float:left; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.odd_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:left; width:100%;}
#main_body.services #right_full #content.even_1 #img, #main_body.services #right_full #content.even_1 #img{ float:left !important; margin:0 0 10px; position:relative; width:100%;}
#main_body.services #right_full #content.even_1 #img img, #main_body.services #right_full #content.even_1 #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #text, #main_body.services #right_full #content.even_1 #text{ float:left; width:100%;}

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

#main_body.services #right_full #content.odd_1 #img{ float:left; width:43%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:53%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}
#main_body.services #right_full #content #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:right !important; width:43%;  margin:0 0px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:53%;}

}

/******************************* 768 *****************************/

@media only screen and (min-width: 686px ) and (max-width: 768px) {
.bg_service{
	display:none;	
}
#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#logo{ padding-top:0px; float:left; width:40%; text-align:left;}
#wrapper_1{ border:0px none;}
#wrapper_1_inner{ padding:0;}
#navigation{ width:100%;}
#navigation li{ float:left; width:100% !important; margin:0 !important; text-align:center !important; background-position:center center !important; border-bottom:1px solid #222; padding:15px 0 !important;}
#search{ background: url("../images/bg_1.jpg") repeat scroll left top transparent; float:right; right:0; padding:0; position:absolute; top:35px; width:40%;}
#search input[type="text"]{ background-position:10px center; margin:0; padding: 13px 4px 5px 25px;}
#wrapper_2{ display:none;}
#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin:0 auto;
    padding: 0;
    width:520px;}
#main_body.commentary #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width: 96%;
}
#banner #slide_area {
    width: 100%; overflow:hidden; height:auto;
}
#banner #slide_area img{ float:left; width:100%; height:auto;}
#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}

#left{ width:100%;}
#left .title{ float:left; left:0; position:inherit; width:100%;}
#left h1{ float: left;
    text-align: center;
    width:100%;}
	
.about.team #right_full #content{ padding-bottom:40px !important;}
#right{ width:100%; float:left; margin:15px 0 0 0;}
#right_full{ width:100%; float:left; margin:15px 0 0 0;}
#right_full p{ width:100% !important; margin-left:0 !important;}
#main_body.about #box1_content .left_col{ width:100%;}
#main_body.about.clients #box1_content .left_col p.last{ padding-bottom:40px;}
#main_body.about #box1_content .right_col{ width:100%; margin-left:0;}
.box1{ float:left; margin:0 14px;}
#sidebar1 #box1_content #img{ width:80px; overflow:hidden; float:left; margin:0 15px 5px 0;}
#sidebar1 #box1_content #text{ width:auto; float:none;}
#sidebar2 #box1_content #img{ float:left; margin:0 15px 5px 0;}
#sidebar2 #box1_content #text{ width:auto; float:none;}

/*#main_body.commentary #right_full #img{ width:100%; text-align:center;}
#main_body.commentary #right_full #text{ float:left; width:100%;}
#main_body.commentary #right_full #text #details_left{ float:left; width:100%;}
#main_body.commentary #right_full #text #button {
    float: left;
    margin-top: 10px;
    width: 100%;
}*/

#newletter div{ float:left; width:100%; background:#333;}
#newletter input[type="text"] {
    float: left;
    font-size: 11px;
    padding-left: 4px;
    padding-top: 4px;
    width: 79% !important;
}
#newletter input[type="submit"] {
    float: right;
    width: 13%;
}

#footer_navigation{ display:none;}
#copyright{ width:100%;}

#main_body.services #right_full #content.odd_1 #img{ float:left; width:39%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:58%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}

#main_body.services #right_full #content.even_1 #img{ float: right !important; width:39%;  margin:0 0px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:left; width:58%;}

}

/******************************* 1024 *****************************/

@media only screen and (min-width: 770px) and (max-width : 1024px) {

#center{ width:100%;}
body {
    border: 5px solid #000000; background:#FFF;
    float: left; margin:5px;
    padding:9px;
}
#main_body{  border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;}
#main_body_inner{ position:relative;}
#navigation{ width:70%;}
#navigation ul li{ margin: 0 34px !important;}
#search{ margin-right:20px;}

#wrapper_2{ /*display:none;*/}
#wrapper_2{ height:auto; max-height:100%; background-position:center center !important;}
#wrapper_2 #banner_effect{ max-height:100%; background-position:center center !important;}
#banner{background: none repeat scroll 0 0 #000000;
    float: none;
    height: auto;
    margin:19px auto;
    padding: 0;
    width:800px;}
#main_body.commentary #banner #controls{
    background: none repeat scroll 0 0 #000000;
    padding: 0 11px;
    width:30%;
}
#main_body #banner #controls {
    background: none repeat scroll 0 0 #000000;
    padding:6px 11px;
    width:30%;
}
#banner #controls ul li{ margin-top:6px;}
#banner #slide_area {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: auto;
    overflow: hidden;
    padding: 48px 10px 49px 0;
    width: 66%; 
}
#main_body.home #banner #slide_area{ padding: 0px 10px 22px 0 !important;}

#banner #slide_area img{ float:left; width:100%; height:auto;}
/*#arrows #prev{ left:15px; top:48%;}
#arrows #next{ right:15px; top:48%;}*/
#arrows #prev{ left:-50px; top:48%;}
#arrows #next{ right:-50px; top:48%;}

#right_full #box1_content p{ width:100% !important; margin-left:0px !important;}
#main_body.about #box1_content .left_col{ width:46%;}
#main_body.about #box1_content .right_col{ width:46%;}

#footer_navigation ul li{ margin: 0 34px !important;}

#main_body.services #right_full #content.odd_1 #img{ float:left; width:42%;  margin:0 10px 10px 0;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.odd_1 #text{ float:right; width:54%;}
#main_body.services #right_full .service_title h4{ font-size:26px;}
#main_body.services #right_full .service_title h4 span{ font-size:25px;}
#main_body.services #right_full #content #img img{ max-width:100%;}
#main_body.services #right_full #content.even_1 #img{ float:right !important; width:42%;  margin:0 0px 10px 0;}
#main_body.services #right_full #content.even_1 #img img{ width:100%;}
#main_body.services #right_full .service_title{ height:100%;}
#main_body.services #right_full #content.even_1 #text{ float:leftt; width:54%;}
}