/* 
BandB Corp
Copyright © 2022 
written for - City Voyage Limited

Colors -
White			#ffffff
Black			#000000
red				#cb201c
green			#65bdbc
*/


body{
	width:100%;
	font:normal 10pt Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

html{overflow-x: hidden;}
img, img a{
	border:none 0px;	
}
img:hover, a img:hover{
	transition: ease-in-out 0.3s;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	transition: 0.3s;
}
.xs-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:20px;	
}
.s-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:30px;	
}
.list_pro_s_space {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px;
}
.m-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:40px;	
}
.l-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:60px;	
}
.xl-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:90px;	
}
.xxl-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:130px;	
}
.contact-space{
	width:100%;
	height:auto;
	float:left;
	margin-top:0px;	
}


.container{
	width:100%;
	margin:0px;
}
.fix{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.full_box{
	width:100%;
	float:left;
	margin:0px;
}

.top_bg{
	width:100%;
	float:left;
	margin:60px 0 0 0;
}
.top_logo{
	width:246px;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.top_logo img{
	width:100%;
	height:auto;
	float:left;
	margin:0 50px 0 0;
}
.top_bg_right{
	width:75%;
	float:right;
	margin:0px 0 0 0px;
}
.top_bg_nav{
	width:auto;
	float:right;
	margin:0px;
}

.topnav {
  overflow: hidden;
}
.topnav a {
	width:auto;
	float:left;
	margin:10px 0px 0 60px;
	padding:25px 0px 25px 0px;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.topnav a:hover{
	color:#999999;
	transition: 0.3s;
	text-decoration:none;
}
.topnav a.active {
  color: #000000;
}

.topnav .icon {
  display: none;
}

.top_contact_btn{
	width:auto;
	margin:0px 0 0 0px;
	padding:30px 50px;
	background:#000000;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	transition: ease-in-out 0.3s;
}
.top_contact_btn:hover{
	background:#cb201c;
	color:#ffffff;
	transition: 0.3s;
}

.top_gray_line{
	width:100%;
	height:2px;
	float:left;
	margin:40px 0 0px 0;
	background:#eeeeee;
}

.home_banner_bg{
	width:100%;
	float:left;
	margin:0 0 0 0;
}
.home_banner_left{
	width:40%;
	float:left;
	margin:0 0 0 0;
}
.home_banner_left img{
	width:581px;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
.home_banner_right{
	width:57%;
	float:right;
	margin:0 0 0 0;
}
.home_banner_right h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 56pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
}
.home_banner_right p{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	font:normal 24pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.banner_btn{
	width:auto;
	float:left;
	margin:32px 0 0 0px;
	padding:28px 60px;
	background:#cb201c;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	transition: ease-in-out 0.3s;
}
.banner_btn:hover{
	background:#cccccc;
	color:#000000;
	transition: 0.3s;
}


.what_we_offer{
	width:100%;
	float:left;
	margin:0 0 0 0;
}
.what_we_offer h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 56pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.what_we_offer p{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	font:normal 24pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.home_box3_full{
	width:100%;
	float:left;
	margin:30px 0 0 0;
}
.home_box3{
	width:23%;
	float:left;
	margin:0 0 0 0;
	padding:2% 2%;
	border:solid 1px #cccccc;
	z-index:1;
}
.home_box3_space{
	width:9%;
	float:left;
	margin:0 0 0 0;
	background:#ffffff;
}
.home_box3_icon{
	width:226px;
	height:168px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.home_box3_icon img{
	width:100%;
	float:left;
	margin:0 0 0px 0;
}
.home_box3 h3{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 26pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}
.home_box3 p{
	width:100%;
	min-height:70px;
	float:left;
	margin:20px 0 0 0;
	font:normal 14pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}
.home_box3_btn{
	width:100%;
	float:left;
	margin:50px 0 0 0px;
	padding:28px 0 28px 0;
	background:none;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	transition: ease-in-out 0.3s;
}
.home_box3_btn:hover{
	background:#000000;
	color:#ffffff;
	transition: 0.3s;
}

.home_box3_bottom_bg{
	width:100%;
	height:200px;
	float:left;
	margin:-150px 0 0 0;
	background:#65bdbc;
	z-index:-1;
	position:absolute;
}

.contact_page{
	width:100%;
	float:left;
	margin:60px 0 0 0;
}
.contact_page h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 56pt Arial, Helvetica, sans-serif;
	color:#000000;
}

.home_contact{
	width:100%;
	float:left;
	margin:60px 0 0 0;
}
.home_contact h1{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:bold 56pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.home_contact p{
	width:100%;
	float:left;
	margin:20px 0 0 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.home_contact_left{
	width:50%;
	float:left;
	margin:60px 0 0 0;
}
.home_contact_left label{
	width:100%;
	float:left;
	margin:0 0 0 0;
	text-align:left;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.home_contact_left input[type=text], select, textarea{
	width:96%;
	float:left;
	margin:5px 0 40px 0;
	padding:2%;
	border:solid 1px #cccccc;
	font:normal 12pt Arial, Helvetica, sans-serif;
	color:#000000;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#cccccc;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#cccccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:#cccccc;
}
.captcha{
	width:60%;
	float:left;
	margin:0 0 0 0;
}
.captcha img{
	width:40%;
	height:auto;
	float:left;
	margin:0 0 0 0;
	webkit-box-shadow: 4px 4px 10px 1px #eeeeee;
    -moz-box-shadow: 4px 4px 10px 1px #eeeeee;
    box-shadow: 4px 4px 10px 1px #eeeeee;
	border:solid 2px; color:#FFF;
}
.captcha input[type=text]{
	width:40%;
	float:left;
	padding:18px 15px 18px 15px;
	margin:0px 0 0 28px;
	border:solid 1px #cccccc;
	font:normal 12pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
}
.submit_btn_bg{
	width:40%;
	float:left;
	margin:0 0 0 0px;																							
}
.contact_btn{
	width:100%;
	float:left;
	margin:0px 0 0 0px;
	padding:14px 0 14px 0;
	background:#cb201c;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;
	transition: ease-in-out 0.3s;
}
.contact_btn:hover{
	background:#000000;
	color:#ffffff;
	transition: 0.3s;
}

.home_contact_right{
	width:40%;
	float:right;
	margin:60px 0 0 0;
}
.home_contact_right p{
	width:100%;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
	float:left;
	margin:0 0 10px 0;
}
.map{
	width:94%;
	float:left;
	margin:30px 0 0 0;
	padding:0 0 0 0;
	webkit-box-shadow: 4px 4px 10px 2px #eeeeee;
    -moz-box-shadow: 4px 4px 10px 2px #eeeeee;
    box-shadow: 4px 4px 10px 2px #eeeeee;
	border:solid 10px; color:#FFF;
}

.footer_bg{
	width:100%;
	float:left;
	margin:60px 0 20px 0;
}
.footer_logo{
	width:246px;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
.footer_logo img{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 0;
}
.footer_right{
	width:60%;
	float:right;
	margin:0px 0 0 0px;
}
.footer_nav{
	width:auto;
	float:right;
	margin:0px;
}
.footer_nav a{
	width:auto;
	float:left;
	margin:25px 0 0 60px;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
}
.footer_nav a:hover{
	color:#999999;
	transition: 0.3s;
	text-decoration:none;
}
.copyright{
	width:100%;
	float:left;
	margin:50px 0 50px 0;
}
.copyright p{
	width:100%;
	float:left;
	margin:0px;
	font:normal 12pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center
}
.arrow_up{
	width:auto;
	position: fixed;
	bottom:50px;
	right:50px;
}
.arrow_up img{
	position: relative;
	float:right;
}
.about_banner{
	width:100%;
	float:left;
	margin:0 0 0 0;
}
.about_banner img{
	width:100%;
	float:left;
	margin:0 0 0 0;
}
.about_banner_below_bg{
	width:100%;
	height:280px;
	float:left;
	margin:-130px 0 0 0;
	background:#65bdbc;
	z-index:-1;
	position:absolute;
}
.top_title{
	width:100%;
	float:left;
	margin:0 0 0 0;
}
.top_title h1{
	width:100%;
	float:left;
	margin:35px 0 0 0;
	font:bold 56pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
}
.top_title p{
	width:100%;
	float:left;
	margin:0 0 0 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
}
.top_title_text{
	width:100%;
	float:left;
	margin:20px 0 20px 0;
	font:bold 36pt Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
}


.gallery{
	width:100%;
	float:left;
	margin:50px 0 0 0;
}
.box4_full{
	width:100%;
	float:left;
	margin:0px 0 50px 0;
}
.box4{
	width:18%;
	float:left;
	margin:0 0 0 0;
	padding:2%;
	background:#f8f8f8;
}
.box4_space {
    width:4%;
    height:auto;
    float:left;
}
.box4_item{
	width:100%;
}
.box4_item img{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.box4_title{
	width:100%;
	height:60px;
	float:left;
	color:#000000;
	font:normal 16pt Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	margin:20px 0 0 0;
	line-height:1.2;
}
.box4 p{
	width:100%;
	color:#000000;
	float:left;
	font:normal 12pt Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0 0px 0;
}













@media screen and (min-width: 1921px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


}

@media screen and (max-width: 1920px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


}

@media screen and (max-width: 1895px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


.home_banner_right {
    width:55%;
}

.captcha img {
    width:44%;
}
.captcha input[type=text] {
    width:40%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 20px;
}

}

@media screen and (max-width: 1760px) {
.container{ width: 100%;}
.fix{
	width:80%;
}


.home_banner_left img {
    width:550px;
}
.home_banner_right {
    width:53%;
}
.home_banner_right h1 {
    font:bold 52pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.captcha img {
    width:46%;
}
.captcha input[type=text] {
    width:39%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 16px;
}
.footer_right {
    width:71%;
}


}

@media screen and (max-width: 1600px) {
.container{ width: 100%;}
.fix{
	width:80%;
}

.top_logo {
    width: 246px;
    margin:5px 50px 0 0;
}

.topnav a {
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.top_contact_btn {
    font: normal 16pt Arial, Helvetica, sans-serif;
}
.home_banner_left img {
    width:520px;
}
.home_banner_right {
    width:52%;
	float:right;
}
.home_banner_right h1 {
    font:bold 48pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.home_box3 h3 {
    font:bold 24pt Arial, Helvetica, sans-serif;
}
.home_box3_bottom_bg {
    margin: -140px 0 0 0;
}
.captcha img {
    width:50%;
}
.captcha input[type=text] {
    width:36%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 20px;
}
.contact_btn {
    width:auto;
    float: right;
    padding: 14px 70px 14px 70px;
}
.footer_right {
    width:71%;
}
.footer_nav a {
    margin:30px 0 0 60px;
    font:normal 16pt Arial, Helvetica, sans-serif;
}


}

@media screen and (max-width: 1484px) {
.container{ width: 100%;}
.fix{
	width:80%;
}

.top_logo {
    width: 246px;
    margin:5px 40px 0 0;
}

.top_bg_right{
	width:70%;
}
.topnav a {
	margin:10px 0px 0 40px;
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.top_contact_btn {
    font: normal 16pt Arial, Helvetica, sans-serif;
	padding: 25px 30px 25px 30px;
}
.home_banner_left img {
    width:510px;
}
.home_banner_right {
    width:48%;
	float:right;
}
.home_banner_right h1 {
    font:bold 48pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 16pt Arial, Helvetica, sans-serif;
}
.home_box3 h3 {
    font:bold 22pt Arial, Helvetica, sans-serif;
}
.home_box3_bottom_bg {
    margin: -140px 0 0 0;
}
.captcha img {
    width:54%;
}
.captcha input[type=text] {
    width:30%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 10px;
}
.contact_btn {
    width:auto;
    float: right;
    padding: 14px 60px 14px 60px;
}
.footer_right {
    width:71%;
}
.footer_nav a {
    margin:30px 0 0 60px;
    font:normal 16pt Arial, Helvetica, sans-serif;
}

}

@media screen and (max-width: 1366px) {
.container{ width: 100%;}
.fix{
	width:80%;
}

.top_logo {
    width: 246px;
    margin:5px 40px 0 0;
}

.top_bg_right{
	width:70%;
}
.topnav a {
	margin:10px 0px 0 30px;
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.top_contact_btn {
    font: normal 16pt Arial, Helvetica, sans-serif;
	padding: 25px 25px 25px 25px;
}
.home_banner_left img {
    width:500px;
}
.home_banner_right {
    width:48%;
	float:right;
}
.home_banner_right h1 {
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 16pt Arial, Helvetica, sans-serif;
}
.home_box3_bottom_bg {
    margin: -140px 0 0 0;
}
.home_box3 h3 {
    font:bold 20pt Arial, Helvetica, sans-serif;
}
.home_box3 p {
    min-height:90px;
}
.captcha img {
    width:60%;
}
.captcha input[type=text] {
    width:28%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 10px;
}
.contact_btn {
    width:auto;
    float: right;
    padding: 14px 45px 14px 45px;
}
.footer_right {
    width:71%;
}
.footer_nav a {
    margin:30px 0 0 40px;
    font:normal 16pt Arial, Helvetica, sans-serif;
}

}

@media screen and (max-width: 1280px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_logo {
    width:246px;
    margin:5px 20px 0 0;
}

.top_bg_right{
	width:70%;
}
.topnav a {
	margin:10px 0px 0 40px;
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.top_contact_btn {
    font: normal 16pt Arial, Helvetica, sans-serif;
	padding: 25px 25px 25px 25px;
}
.home_banner_left img {
    width:500px;
}
.home_banner_right {
    width:48%;
	float:right;
}
.home_banner_right h1 {
    font:bold 40pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 16pt Arial, Helvetica, sans-serif;
}
.home_box3_bottom_bg {
    margin: -140px 0 0 0;
}
.captcha img {
    width:60%;
}
.captcha input[type=text] {
    width:28%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 10px;
}
.contact_btn {
    width:auto;
    float: right;
    padding: 14px 45px 14px 45px;
}
.home_contact_right p {
    font:normal 16pt Arial, Helvetica, sans-serif;
}
.footer_right {
    width:71%;
}
.footer_nav a {
    margin:30px 0 0 30px;
    font:normal 16pt Arial, Helvetica, sans-serif;
}

.about_banner_below_bg {
    height:250px;
    margin:-100px 0 0 0;
}

.box4_title{
	font:normal 14pt Arial, Helvetica, sans-serif;
}

}

@media (min-width: 990px) and (max-width: 1180px) {
.container{ width: 100%;}
.fix{
	width:90%;
}

.top_logo {
    width:246px;
    margin:5px 20px 0 0;
}

.top_bg_right{
	width:70%;
}
.topnav a {
	margin:10px 0px 0 28px;
	font:normal 14pt Arial, Helvetica, sans-serif;
}
.top_contact_btn {
    font: normal 14pt Arial, Helvetica, sans-serif;
	padding: 25px 25px 25px 25px;
}
.home_banner_left img {
    width:440px;
}
.home_banner_right {
    width:48%;
	float:right;
}
.home_banner_right h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 14pt Arial, Helvetica, sans-serif;
}
.banner_btn {
    padding:28px 30px;
    font:normal 14pt Arial, Helvetica, sans-serif;
}
.home_box3_bottom_bg {
    margin: -130px 0 0 0;
}
.home_box3_icon {
    width:100%;
    height:auto;
}
.home_box3 h3 {
    font:bold 18pt Arial, Helvetica, sans-serif;
}
.home_box3 p {
    min-height:90px;
}
.captcha {
    width:80%;
}
.captcha img {
    width:50%;
}
.captcha input[type=text] {
    width:20%;
    padding:18px 10px 18px 10px;
    margin: 0px 0 0 20px;
}
.submit_btn_bg {
    width:20%;
    float:right;
}
.contact_btn {
    width:auto;
    float:right;
    padding:14px 20px 14px 20px;
}
.home_contact_right p {
    font:normal 14pt Arial, Helvetica, sans-serif;
}
.footer_right {
    width:71%;
}
.footer_nav a {
    margin:30px 0 0 30px;
    font:normal 14pt Arial, Helvetica, sans-serif;
}

.about_banner_below_bg {
    height:230px;
    margin:-80px 0 0 0;
}

.box4_title{
	font:normal 13pt Arial, Helvetica, sans-serif;
}

}

@media (min-width: 990px)  {
	
	
}


@media (min-width: 768px) and (max-width: 989px) {

.container{width: 100%;}
.fix{
	width:90%;
}

.top_logo {
    width:100%;
    margin:0;
}
.top_logo img{
    width:50%;
    margin:0 0 0 23%;
}
.top_bg_right{
	width:96%;
	margin-top:50px;
	padding:2%;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}
/* nav start */
.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
/* nav end */
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 14pt Arial, Helvetica, sans-serif;
	padding:25px 0px 25px 0px;
}

.home_banner_left {
    width:55%;
}
.home_banner_left img {
    width:100%;
}
.home_banner_right {
    width:40%;
	float:right;
}
.home_banner_right h1 {
    font:bold 20pt Arial, Helvetica, sans-serif;
}
.home_banner_right p {
    font:normal 12pt Arial, Helvetica, sans-serif;
}
.banner_btn {
    padding:28px 30px;
    font:normal 12pt Arial, Helvetica, sans-serif;
}

.home_box3 {
    width: 25%;
    padding: 2% 2%;
}
.home_box3_space {
    width:5%;
}
.home_box3_bottom_bg {
    margin: -130px 0 0 0;
}
.home_box3_icon {
    width:100%;
    height:auto;
}
.home_box3 h3 {
    font:bold 14pt Arial, Helvetica, sans-serif;
}
.home_box3 p {
    min-height:90px;
}

.home_contact_left input[type=text], select, textarea {
    margin: 5px 0 20px 0;
    padding: 4% 2% 4% 2%;
}
.captcha {
    width:100%;
}
.captcha img {
    width:100%;
}
.captcha input[type=text] {
    width:94%;
    padding:18px 10px 18px 10px;
    margin:10px 0 0 1px;
}
.submit_btn_bg {
    width:100%;
    float:left;
}
.contact_btn {
    width:90%;
    float:left;
    padding:14px 20px 14px 20px;
	margin:10px 0 0 1px;
}
.home_contact_right p {
    font:normal 14pt Arial, Helvetica, sans-serif;
}
.footer_right {
    width:100%;
	float:left;
	margin-top:30px;
}
.footer_nav {
    width:100%;
    float: left;
}
.footer_nav a {
    margin:30px 55px 0 0;
    font:normal 14pt Arial, Helvetica, sans-serif;
}

.about_banner_below_bg {
    height:230px;
    margin:-80px 0 0 0;
}

.box4_title{
	font:normal 12pt Arial, Helvetica, sans-serif;
}


}

@media (min-width: 481px) and (max-width:767px) {
.container{width: 100%;}
.fix{
	width:90%;
}

.top_logo {
    width:100%;
    margin:0;
}
.top_logo img{
    width:50%;
    margin:0 0 0 23%;
}
.top_bg_right{
	width:96%;
	margin-top:50px;
	padding:2%;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}
/* nav start */
.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
/* nav end */
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 18pt Arial, Helvetica, sans-serif;
	padding:25px 0px 25px 0px;
}

.home_banner_left {
    width:100%;
}
.home_banner_left img {
    width:100%;
}
.home_banner_right {
    width:100%;
	float:left;
}
.home_banner_right h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
	margin-top:30px;
}
.home_banner_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.banner_btn {
	width:100%;
    padding:28px 0 28px 0;
    font:normal 18pt Arial, Helvetica, sans-serif;
}

.home_box3 {
    width:96%;
    padding:2% 2%;
}
.home_box3_space {
    width:5%;
}
.home_box3_bottom_bg {
    display:none;
}
.home_box3_icon {
    width:100%;
    height:auto;
}
.home_box3 h3 {
    font:bold 36pt Arial, Helvetica, sans-serif;
}
.home_box3 p {
    height:auto;
	font: normal 18pt Arial, Helvetica, sans-serif;
}
.home_box3_btn {
    margin:20px 0 0 0px;
    padding:28px 0 28px 0;
    font:normal 18pt Arial, Helvetica, sans-serif;
	background:#65bdbc;
}
.home_box3_icon img {
    width: 70%;
    margin: 0 0 0px 15%;
}

.home_contact {
    margin:0px 0 0 0;
}
.home_contact_left {
    width:100%;
    float:left;
    margin:60px 0 0 0;
}
.home_contact_right {
    width:100%;
    float:left;
    margin:60px 0 0 0;
}
.home_contact_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.home_contact_left input[type=text], select, textarea {
    margin:5px 0 30px 0;
    padding: 4% 2% 4% 2%;
}
.captcha {
    width:100%;
}
.captcha img {
    width:100%;
}
.captcha input[type=text] {
    width:100%;
    padding:18px 0 18px 0;
    margin:10px 0 0 1px;
}
.submit_btn_bg {
    width:100%;
    float:left;
}
.contact_btn {
    width:100%;
    float:left;
    padding:18px 0 18px 0;
	margin:10px 0 0 1px;
}
.footer_right {
    width:100%;
	float:left;
	margin-top:30px;
}
.footer_nav {
    width:100%;
    float: left;
}
.footer_nav a {
    margin:30px 30px 0 0;
    font:normal 14pt Arial, Helvetica, sans-serif;
}
.xl-space {
    margin-top:80px;
}

.about_banner_below_bg {
    height:200px;
    margin:-60px 0 0 0;
}
.top_title h1 {
    font: bold 46pt Arial, Helvetica, sans-serif;
}

.box4_full {
    margin: 0px 0 0px 0;
}
.box4 {
    width:96%;
    margin:0px 0 30px 0;
    padding:2%;
}
.box4_space {
   display:none;
}
.box4_title{
	font:normal 18pt Arial, Helvetica, sans-serif;
}
.top_title p {
    text-align: left;
}

.contact-space{
	margin-top:60px;	
}

}

@media screen and (max-width: 480px) {
.container{width: 100%;}
.fix{
	width:90%;
}

.top_logo {
    width:100%;
    margin:0;
}
.top_logo img{
    width:70%;
    margin:0 0 0 14%;
}
.top_bg_right{
	width:96%;
	margin-top:50px;
	padding:2%;
	background:#f8f8f8;
}
.topnav a {
	margin:0 0px 0 0px;
	padding:10px 0 10px 0;
	font:normal 18pt Arial, Helvetica, sans-serif;
}
/* nav start */
.top_bg_nav {
    width: 100%;
    float: left;
    margin: 0px;
}
.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	text-align:center;
	background:#f8f8f8;
  }
/* nav end */
.top_contact_btn {
	width:100%;
	float:left;
    font: normal 18pt Arial, Helvetica, sans-serif;
	padding:25px 0px 25px 0px;
}

.home_banner_left {
    width:100%;
}
.home_banner_left img {
    width:100%;
}
.home_banner_right {
    width:100%;
	float:left;
}
.home_banner_right h1 {
    font:bold 30pt Arial, Helvetica, sans-serif;
	margin-top:30px;
}
.home_banner_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.banner_btn {
	width:100%;
    padding:28px 0 28px 0;
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.what_we_offer h1 {
	text-align:center;
}

.home_box3 {
    width:96%;
    padding:2% 2%;
}
.home_box3_space {
    width:5%;
}
.home_box3_bottom_bg {
    display:none;
}
.home_box3_icon {
    width:100%;
    height:auto;
}
.home_box3 h3 {
    font:bold 36pt Arial, Helvetica, sans-serif;
}
.home_box3 p {
    height:auto;
	font: normal 18pt Arial, Helvetica, sans-serif;
}
.home_box3_btn {
    margin:20px 0 0 0px;
    padding:28px 0 28px 0;
    font:normal 18pt Arial, Helvetica, sans-serif;
	background:#65bdbc;
}
.home_box3_icon img {
    width: 70%;
    margin: 0 0 0px 15%;
}

.home_contact {
    margin:0px 0 0 0;
}
.home_contact h1 {
    text-align:center
}
.home_contact p {
    text-align:center
}
.home_contact_left {
    width:100%;
    float:left;
    margin:60px 0 0 0;
}
.home_contact_right {
    width:100%;
    float:left;
    margin:60px 0 0 0;
}
.home_contact_right p {
    font:normal 18pt Arial, Helvetica, sans-serif;
}
.home_contact_left input[type=text], select, textarea {
    margin:5px 0 30px 0;
    padding: 4% 2% 4% 2%;
}
.captcha {
    width:100%;
}
.captcha img {
    width:100%;
}
.captcha input[type=text] {
    width:100%;
    padding:18px 0 18px 0;
    margin:10px 0 0 1px;
}
.submit_btn_bg {
    width:100%;
    float:left;
}
.contact_btn {
    width:100%;
    float:left;
    padding:18px 0 18px 0;
	margin:10px 0 0 1px;
}
.footer_right {
    width:100%;
	float:left;
	margin-top:30px;
}
.footer_nav {
    width:100%;
    float: left;
	margin-top:20px;
}
.footer_nav a {
	width:100%;
    margin:10px 0 0 0;
    font:normal 18pt Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:solid 1px #eeeeee;
}
.footer_logo {
    width:100%;
    margin:0;
}
.footer_logo img{
    width:70%;
    margin:0 0 0 14%;
}
.arrow_up {
    bottom:85px;
	right:20px;
}
.xl-space {
    margin-top:70px;
}

.about_banner_below_bg {
    height:160px;
    margin:-40px 0 0 0;
}
.top_title h1 {
    font: bold 38pt Arial, Helvetica, sans-serif;
}

.box4_full {
    margin: 0px 0 0px 0;
}
.box4 {
    width:96%;
    margin:0px 0 30px 0;
    padding:2%;
}
.box4_space {
   display:none;
}
.box4_title{
	font:normal 16pt Arial, Helvetica, sans-serif;
}
.top_title p {
    text-align: left;
}

.contact-space{
	margin-top:60px;	
}

}

@media only screen and (max-width: 375px) { 
.container { width: 100%; }
.fix{
	width:90%;
}

.about_banner_below_bg {
    height:150px;
    margin:-40px 0 0 0;
}
.top_title h1 {
    font: bold 28pt Arial, Helvetica, sans-serif;
}

}

@media only screen and (max-width: 320px) {
.container { width: 100%; }
.fix{
	width:90%;
}


}