@media only screen and (max-width:1550px) {
body{font-size: 13px;} 
.logo img {   width: 160px;} 
nav.navigation ul li {  padding: 28px 18px;}
nav.navigation ul li a {  font-size: 12px;  letter-spacing: 1px;}
.header-contact-number p {  letter-spacing: 1px; font-size: 12px;}  
.banner-caption h1 {  font-size: 20px;  margin-bottom: 20px;  padding: 0 0 15px;}
.banner-caption h1 span {  font-size: 54px;  padding-top: 5px;}
.banner-caption h2 {  font-size: 18px; padding-bottom: 35px;}
.main-title {  padding-bottom: 40px;  padding-top: 40px;}
.padding-top60{padding-top: 40px;}
.padding-bottom60{padding-bottom: 40px;}
.main-title h2 {  font-size: 28px;  line-height: 21px;  padding-bottom: 32px; }
.hot-spot-col {  margin-bottom: 42px;}
.hot-spot-content h3 {  font-size: 16px;  padding-bottom: 5px;}
.hot-spot-content > p {   font-size: 13px;    line-height: 20px;  } 
.gray-col {  padding: 25px;} 
.gray-col P {  font-size: 13px;} 
.why-choose-cont {  padding-left: 30px;  width: 48%;}
.why-choose-cont ul li {  margin-bottom: 12px;}
.why-choose-cont h4 {  font-size: 14px;   padding-bottom: 15px;}
.why-choose-cont p {  padding-bottom: 20px;}
.testimonials-sec {    padding: 80px 0;  }
.footer-menu ul li {  padding: 0 18px;} 
.footer-menu ul li a {  font-size: 12px;  letter-spacing: 1px;}
.copyright-section {  font-size: 10px;  height: 66px;   line-height: 66px;}
.page-title-wrapper h1 { font-size: 28px;}
}

@media only screen and (max-width:1279px) {
.header-contact-number {  display: none;}
header.page-header { padding: 0 25px;}
nav.navigation ul {  display: inline;  float: right;  margin-right: 5px;  padding: 0;  text-align: inherit;   width: auto;}
nav.navigation ul li:last-child{padding-right: 0;}  
.banner-caption h1 {  font-size: 14px;  margin-bottom: 12px;  padding: 0 0 6px;}
.banner-caption h1 span {  font-size: 38px;  padding-top: 0; }
.banner-caption h2 {  font-size: 14px;  padding-bottom: 24px;}
.btn {  font-size: 10px;  height: 34px;  letter-spacing: 1px;  line-height: 30px;  padding: 0 15px;}
.btn-inline .btn {  margin: 0 2px;}
.slider-arrow .carousel-control img { height: 25px;}
.banner-section .slider-arrow a.left {  left: 25px;}
.banner-section .slider-arrow a.right {  right: 25px;}
.hot-spot-thumb img {  width: 170px;}
.hot-spot-content {  padding-left: 200px;}  
.hot-spot-col.reverse-col .hot-spot-content {  padding-right: 200px;}
.why-choose-img {  float: left;  width: 100%;}
.why-choose-cont {  float: left;  padding: 0 20px;  width: 100%;}
}

@media only screen and (max-width:991px) { 
.logo img {  width: 120px;}
nav.navigation ul li {  padding: 23px 10px;} 
nav.navigation ul li a {  font-size: 10px;  }
nav.navigation ul li ul li {  padding: 13px 15px;} 
nav.navigation ul li ul { width: 210px;}
.main-title h2 {    font-size: 22px;  line-height: 16px;  padding-bottom: 20px;}
.hot-spot-thumb img {  width: 120px;}
.hot-spot-content {  padding-left: 140px;} 
.hot-spot-col.reverse-col .hot-spot-content {  padding-right: 140px;}
.hot-spot-content h3 {  font-size: 14px;  padding-bottom: 3px;}
.hot-spot-content > p {  font-size: 11px;  line-height: normal;}
.hot-spot-col {  margin-bottom: 25px;}
.testimonials-sec { padding: 30px 0;}
.testimonials-sec .main-title {  padding-bottom: 25px;} 
.testimonials-sec p { padding-bottom: 25px;} 
.testimonials-sec .carousel-indicators { margin-top: 25px;}
.padding-top60 {  padding-top: 25px;}
.padding-bottom60 {  padding-bottom: 25px;}
.footer-menu ul li {    line-height: 7px;    padding: 0 10px;}
.footer-menu ul li a {  font-size: 10px;}
.copyright-section { height: 50px;line-height: 50px;}
.page-title-wrapper h1 { font-size: 25px;}
}
 
@media only screen and (max-width:767px) { 
.logo {margin-left: 15px;}
.columns {  box-sizing: border-box;  display: block;  flex-wrap: inherit;  float: left;  width: 100%;}
.columns .column.main {  flex-basis: inherit;  flex-grow: inherit;  float: left;  order: inherit;  padding-bottom: inherit;  width: 100%;}
.hot-spot-thumb img {  max-width: 98%;  width: auto;}
.hot-spot-thumb, .hot-spot-col.reverse-col .hot-spot-thumb {  float: left;  text-align: center;  width: 100%; margin-bottom: 10px;}
.hot-spot-content, .hot-spot-col.reverse-col .hot-spot-content {  padding-right: inherit;  text-align: center; width: 100%; padding: 0;}
.hot-spot-content h3 {     padding-bottom: 5px;}
.gray-col {  margin-bottom: 25px;  padding: 15px;}
.gray-col P {  font-size: 12px;}
.banner-caption h1 {  font-size: 12px;  margin-bottom: 10px;  padding: 0 0 5px;}
.banner-caption h1 span {  font-size: 30px;  padding-top: 0;}
.banner-caption h2 {  font-size: 11px;  padding-bottom: 15px;} 
.main-title.type-second.text-left { text-align: center;}
body { font-size: 12px;}
.why-choose-cont ul li{padding-left: 16px;}
.why-choose-cont ul li::before {font-size: 10px;}
header.page-header { padding: 0;}
nav.navigation{ display: none; }
nav.navigation ul {  float: left; margin-right: 0;  width: 100%;}
nav.navigation ul li {  border-bottom: 1px solid #222;  padding: 0;  text-align: left;  width: 100%;}
nav.navigation ul li:last-child {  border-bottom: none; }
nav.navigation ul li:after{ display: none; } 
nav.navigation ul li a { font-size: 11px; padding:15px 15px;}
nav.navigation ul li ul { position: relative;  width: 100%; transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}
nav.navigation ul li ul li {  background:#222; border-bottom: 1px solid #333; padding:0;}
nav.navigation ul li ul li a{padding-left: 20px;}
nav.navigation ul li:hover ul li:last-child, nav.navigation ul li.active ul li:last-child{border-bottom: none; padding-bottom: 0;}
.menuImage {  display: block;  position: absolute;  right: 15px;  top: 15px;  width: 30px;}
.page-title-wrapper h1 { font-size: 25px;  line-height: normal;} 
.h2, h2 {  font-size: 18px;}
.h3, h3 {  font-size: 16px;} 
.h4, h4 {  font-size: 13px;}
}

@media only screen and (max-width:479px) { 
.banner-caption h1 {  font-size: 8px;  margin-bottom: 8px;  padding: 0 0 3px;}
.banner-caption h1 span {  font-size: 18px;}
.banner-caption h2 {  font-size: 10px;  padding-bottom: 10px; }
.banner-caption .btn {  font-size: 8px;  height: 30px;  letter-spacing: 1px;   line-height: 26px;  padding: 0 12px;}
.page-title-wrapper h1 { font-size: 20px; }   
.wifi-table table{ max-width: 600px;  width: 600px; }
}
