/*********************** 

	Responsive CSS
	
***********************/
@media screen and (max-width:992px) {
header .tprdw {
    display: none;
}
header .navbar-bx {
 display:none;
}
header .mobBar {
    display: block;
    position: fixed;
    right: 15px;
    top: 20px;
    z-index: 99;
    background: #000;
    padding: 5px 10px;
    border-radius: 4px;
}
.our-serv-section .srvbx {
    width: 46%;
    margin: 2%;
    padding: 2%;
}
.inner-contbx {
    padding: 20px 0;
}
.who-weare-section {
    padding: 50px 0;
    background: url(../images/whowe-bg1.jpg) no-repeat 0 0 #fff;
    background-size: cover;
}
.hm-enqfrm-section .quote-form {
    width: 100%;
}
.hm-moreserv-section h4 {
    padding: 0;
}
.hm-moreserv-section .mre-btn a {
    margin: 20px 0 0;
}
.inn-service-section .inn-srvbx {
    width: 100%;
}
.inn-buildboat-section {
	margin: 0 0 10px;
}
.boatdetail-tbx .row-bx {
    margin: 20px 0;
}
.boatdetail-tbx .nmebx {
    width: 100%;
}
.boatdetail-tbx .prcbx {
    width: 100%;
}
.inn-buildclr-section .chs-antr-bx .rdobx {
    width: 100%;
}
.inn-buildclr-section .chs-antr-bx .clrbtn {
    width: 100%;
    margin: 0 0 10px;
}
}
@media screen and (max-width:768px) {
.inn-weltxt-section h1,.inn-chooseus-section h2,.inn-addon-section h3,.inn-addon-section h4,.inn-faq-section h4 {
    font-size: 28px;
    line-height: 41px;
}    
.hm-weltxt-section {
    padding: 20px 0;
}
.hm-weltxt-section img {
    float: none;
    width: 100%;
    margin: 0 0 10px;
}
.hm-service-section {
    padding: 20px 0;
}
.hm-service-section .srvbx {
    width: 100%;
    margin: 10px 0;
    padding: 0;
}
.hm-service-section h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0;
}
.hm-service-section .srvbx .lbx {
    width: 100%;
}
.hm-service-section .srvbx .rbx {
    width: 100%;
}
.who-weare-section .sup-lgo-bx img {
    width: 44%;
    display: inline-block;
}
.hm-testmonal-section .imgbx {
    width: 100%;
    padding: 0;
    box-shadow: inherit;
    border-radius: 0 0 0 0;
}
.hm-testmonal-section .imgbx img {
    width: 100%;
    border-radius: 0 0 0 0;
}
.inn-addon-section img {
    width: 100%;
    margin: 0 0 20px 0;
}
.inn-addon-section1 img {
    width: 100%;
    margin: 0 0 20px 0;
}	
.hm-blgpst-section .pst-bx {
    width: 100%;
}
.footer-wrp-section .ftadrbx {
    width: 100%;
    padding: 20px 0;
}
.footer-wrp-section .lstbx {
    width: 100%;
}
.footer-wrp-section .mpbx {
    width: 100%;
    margin: 20px 0;
}
.footer-wrp-section .ftnav {
    width: 100%;
    margin: 20px 0;
}
.footer-wrp-section .flwbx {
    padding: 0;
}
.footer-wrp-section .ftadrbx ul li {
    padding: 5px 0 5px 30px;
    margin: 20px 0;
}
.footer-wrp-section .mpbx iframe {
    height: 150px;
}

.inn-weltxt-section h2 {
    font-size: 40px;
    margin: 10px 0;
}
.inn-weltxt-section img {
    width: 100%;
    float: none;
    margin: 0 0 10px;
}
.inn-buildclr-section .clr-bx ul li {
    display: block;
    margin: 10px 0;
}
.contact-adr {
    margin-bottom: 20px;
}
.contact-phn {
    margin-bottom: 20px;
}
.contact-eml {
    margin-bottom: 20px;
}
.inn-buildclr-section h2 {
    font-size: 24px;
}
.inn-buildclr-section .clr-bx-btn ul li {
    margin: 10px 0;
    width: 100%;
}
.inn-buildclr-section .clr-bx-btn ul li a {
    line-height: 30px;
    min-height: inherit;
}
.inn-buildclr-section .clr-bx-btn1 ul li {
    margin: 10px 0;
    width: 100%;
}
}
@media screen and (max-width:560px) {
.inn-buildclr-section .btm-btn .btn {
    display: block;
    width: 100%;
	margin: 10px 0;
}
.whychs-section img {
	width: 100%;
	margin: 10px 0;
}
}
@media screen and (max-width:390px) {
header .logo {
    width: 320px;
}
}
@media screen and (max-width:320px) {
header .logo {
    width: 280px;
}
}