@media screen and (min-width: 1026px) and (max-width: 1399px) { 

.main-container {width: 96%;}
#logo {width: 300px;}
#logo img {width: 100%; height: auto;}
#nav ul li a {font-size: 16px; line-height: 16px;}
#nav ul li {padding: 27px 15px;}
.info .top .right img {width: 100%; height: auto;}
.info .mid .left {width: 30%;}
.info .mid .left img {width: 100%; height: auto;}
#nav ul li span {right: 2px;}
.inner-page {margin: 100px 0 50px;}
.inner-page .right a.book {font-size:32px;}
.green-cont ul li h2 {font-size:32px; line-height:34px;
    margin: 0 0 40px 15px;
    width: 60%;
}
.omsc-accordion {
    max-width: 72% !important;
}
}


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

.main-container {width: 96%;}

#logo {width: 200px;}
#logo img {width: 100%; height: auto;}
#nav ul li.tablet {display: none;}
#nav ul li a {font-size: 15px; line-height: 16px;}
.right-header a.ticket {margin: 15px 0 0 0;}
#nav {margin: 0 20px 0 0;}
#nav ul li {padding: 27px 16px;}
#nav ul li#menu-item-53{padding-right: 31px;}

.service ul li {margin: 0 2% !important; width: 29%;}
.info {padding: 40px 0;}
.info h2 {font-size: 30px; line-height: 34px;}
.info-in {padding: 0 2%;}
.info .top .right img {width: 100%; height: auto;}
.info .top {padding: 0 0 50px 0;}
.info .mid .left {width: 30%;}
.info .mid .left img {width: 100%; height: auto;}
.info .mid .right li {float: none; margin: 0; width: 100%;}
.info .mid .right a.more {margin: 20px 0 0;}
.info .mid {padding: 0 0 50px 0;}
.green-cont ul li {float: none; width: 100%; margin: 0 0 20px 0;}


.inner-page {margin: 100px 0 50px;}
.inner-page-in {padding: 0;}
.inner-page .left {width: 65%;}
.inner-page .right {width: 30%;}

#nav ul li span {right: 2px;}


#logo{left:2px;}
.omsc-accordion {
    max-width: 65% !important;
}

}


@media screen and (max-width: 796px) { 

.main-container {width: 90%;}
.mobile {display: block;}
.inner-page .right {display:none;}

h1 {font-size: 30px; line-height: 34px;}
h2 {font-size: 30px; line-height: 34px;}
h3 {font-size: 28px; line-height: 28px;}

header {position: relative; height: auto;}
.right-header #nav {display: none;}
.sidr-menu {float: left;}
.right-header a.ticket {margin: 15px 0 0 0}
#logo {top: 75px; left: 0; width: 100%;}
#logo img {width: 100%; height: auto; margin: 0 auto;}
.transbg {background: #d2d8e3; opacity: 1; position: relative; bottom: auto; display: block;}
.right-header {margin: 0 0 15px;}
header1 {height: auto; position: relative; background: #33507f; top: 0; width: 100%; z-index: 100;}

.top-footer ul, .top-footer a.book {display: none;}
.top-footer p {line-height: 22px;}
.bottom-footer ul {display: none;}
.bottom-footer p {float: none; padding: 0; text-align: center; font-size: 16px; line-height: 16px;}

.maincontent {margin: 0;}
.banner a.book {bottom: -31px; border-radius: 5px;}
.service {padding: 80px 0 40px;}
.service ul li {display: block; margin: 0 0 30px 0 !important; width: auto; text-align: center;}


.info {padding: 30px 0;}
.info-in {padding: 0;}
.info .main-container {width: 100%;}
.info .left {float: none;}
.info .right {float: none;}
.info .top .left h2 {display: none;}
.info .top .left {width: 85%; margin: 0 auto;}
.info .top .right {width: auto;}
.info  h2 {text-align: center; padding: 0 0 25px 0;}
.info .top .right img {width: 100%; height: auto;}
.info a.more {font-size: 14px; line-height: 14px; margin: 20px 10px;}
.info p {font-size: 14px; line-height: 20px;}
.info .mid .left {width: auto; margin: 0 auto; display: none;}
.info .mid .right {width: 90%; margin: 0 auto; float: none;}
.info .top {padding: 0 0 30px;}
.info .mid .right h2 {text-align: left;}
.info .mid .right ul {display: block; width: 90%; margin: 0 auto;}
.info .mid .right li {float: none; margin: 0; width: 100%;}
.info .mid .right a.more {display: none;}
.info .mid {padding: 0 0 30px;}
.info .bottom .left {width: 90%; margin: 0 auto;}
.info .bottom .right {width: 90%; margin: 0 auto;}
.info .bottom .left ul {display: block; width: 90%; margin: 0 auto;}
.green-cont ul li {float: none; width: 100%; margin: 0 auto 20px;}
.green-cont ul li p {display: block;}
.green-cont ul li .icon {float: none; display: block;}
.green-cont ul li .icon img {margin: 0 auto;}
.green-cont ul li h2 {float: none; clear: both; width: 100%; margin: 0; font-size: 24px; line-height: 24px; text-align: center; padding: 10px 0;}
.testimonial {padding: 25px 0;}
.testimonial h1 {padding: 0 0 20px 0;}


.inner-page {margin: 50px 0 50px;}
.inner-page-in {padding: 0;}
.inner-page .left {float: none; width: 100%; margin: 0 0 35px 0;}
.inner-page .right {float: none; width: 100%; padding: 0 0 40px 0;}
.inner-page .form .cont {float: none; width: 280px; margin: 10px 0 0 0;}
.inner-page .form label {float: none;}
.inner-page .form input[type="submit"] {margin: 0;}

.transbg {display: none;}
#logo {
    left: 14%;
    top: 14px;
    width: 45%;
}
#header1 {background: #1c3c71;}


.inner-page {
    margin: 0px 0 50px 0;
}

.inner-page .left {padding: 5px 0 0;}


.inner-page .right .services img {width: auto; height: auto;}

.info .mid .right h2 {text-align: center;}

.telmobile {display:block;}
.teldesk {display:none;}

}





@media screen and (max-width: 319px) { 

#logo {display: none;}
#menu-item-167 {display: none;}

}


@media screen and (min-width: 430px) and (max-width: 560px) { 

#logo {width: 30%;}

}

@media screen and (min-width: 561px) and (max-width: 620px) { 

#logo {width: 30%;}

}

@media screen and (min-width: 621px) and (max-width: 660px) { 

#logo {width: 30%;}

}

@media screen and (min-width: 661px) and (max-width: 767px) { 

#logo {width: 25%;}

}