/* Create By R.G */

@media screen and (max-width:1400px) {
  footer:before{
    background-position: 0px -1px;
    background-size: cover;
  }
  
  


}

@media screen and (max-width:1200px) {
  
  #main-nav.stellarnav li{font-size: 13px;}
  .stellarnav li a{padding: 15px 8px;}
  .logo img{width: 100%; height: auto;}
  .text-left {padding-top: 22px;}
  .text-right {padding-top: 22px;}
  .client::before{width: 440px;}
  .staff-box{padding-left: 30px;}
  .experience .experience-bg img{width: 430px;}
  .experience::before{width: 250px;}
  h2{font-size: 42px;}
  footer:before{
    height:1445px;
    background-position: 0px -2px;
    background-size: cover;
  }
.service-con h4{font-size: 26px;}
.service-con h3{font-size: 26px;}
  
  
}

@media screen and (max-width:991px) {
  
  .top-ber {font-size: 13px;}
  .text-left {padding-top: 15px;}
  .text-right {padding-top: 15px;}
  #main-nav.stellarnav li{font-size: 12px;}
  .stellarnav li a{padding: 15px 3px;}
  .red-btn{padding: 12px 12px !important;}
  .special-btn{padding: 12px 12px !important;}
  .reserve-btn{padding: 12px 12px !important;}
  #main-nav.stellarnav li {font-size: 11px;}
  .price img{width: 100%; height: auto;}
  .price h5{font-size: 16px;}
  .price .price-text{top: 12px;}
  .text-item h4{font-size: 16px;}
  .heaven-box{width: 60%;}
  h2{font-size: 30px;}
  .client::before {width: 340px;}
  .client-text{font-size: 20px; line-height: 34px;}
  .staff-box {padding-left: 46px;}
  footer{font-size: 12px; padding: 200px 0px 20px;}
  footer:before{height: 1220px;}
  .left-footer img{width: 100%; height: auto;}
  h5{font-size: 18px;}
  .inner-banner h2{font-size: 46px;}
  .text-box h3 {
    font-size: 21px;
    line-height: 28px;
  }
  .experience .experience-bg img {
    width: 330px;
}
.experience::before {
  width: 180px;
}
.address-box{font-size: 12px;}
.details-wrp{overflow: hidden;}
.address-box::before{
  width: 50px;
  height: 50px;
  background-size: cover;
}
.icon-phone.address-box::before{
  width: 50px;
  height: 50px;
  background-size: cover;
}
.icon-email.address-box::before{
  width: 50px;
  height: 50px;
  background-size: cover;
}
.address-box h1{
  font-size: 16px;
}
.details-wrp h4{font-size: 20px;}
.address-box{padding-left: 60px;}
.details-wrp{padding: 40px 10px 40px 15px;}
  
  
}


@media screen and (max-width:768px) {
  
  
  .social-icon {text-align: center;}
  .stellarnav.dark .menu-toggle {color: rgb(255 255 255); text-align: right; margin-top: 0px; padding-bottom: 15px; padding-top: 0; background-color: #e61e21;}
  .stellarnav.dark .menu-toggle .fa{margin-top: 15px;}
  .logo {float: left; position: absolute; top: 12px;}
  .stellarnav.mobile, .stellarnav.mobile.fixed {position: relative;}
  .stellarnav.dark, .stellarnav.dark ul ul {padding-bottom: 0px;}
  .stellarnav ul {float: none; margin-top: 18px;}
  .stellarnav.mobile.dark ul {background: rgb(128 0 0);}
  #main-nav.stellarnav li {display: block; text-align: center; font-size: 16px; padding: 10px 0px;}
  #main-nav.stellarnav li a.active:before {border-bottom: 2px solid #fff; width: 100%;}
  #main-nav.stellarnav li a {line-height: 6px; color:#fff;}
  #main-nav.stellarnav li a.active {color: #ffffff; font-weight: 600;}  
  #main-nav.stellarnav li a:hover{color: #fff; font-weight: 600;}
  #main-nav.stellarnav li a:hover:before{border-bottom: 2px solid #fff; width: 100%;}
  .stellarnav.dark{top: 0;}
  .stellarnav.mobile.active{margin-bottom: 20px;}
  .stellarnav.mobile li a:nth-last-child(5){border: none;}
  .top-ber{text-align: center; font-size: 16px; padding-bottom: 15px;}
  .text-left{text-align: center;}
  .text-right{text-align: center;}
  .logo img {width: 52%; height: auto;}
  .logo{float: none; position: relative; margin: 0 auto;}
  .stellarnav.dark{margin-top: 0px;}
  .red-btn{padding: 25px 12px !important; border-radius: 0;}
  .special-btn{padding: 25px 12px !important; border-radius: 0;}
  .reserve-btn{padding: 25px 12px !important; border-radius: 0;}
  .top-box {margin-top: 0;}
  .history{padding: 80px 20px;}
  .margin-bottom30 {
    margin-bottom: 0;
}
.small-box{margin-bottom: 25px !important;}
.price {
  text-align: right;
}
.price img {
  width: 50%;
  height: auto;
}
.price .price-text{
  left: auto;
  right: 25px;
  top: 25px;
}
.special{padding: 80px 20px;}
.gallery{padding: 80px 20px;}
.client::before {
  width: 305px;
  top: 128px;
}
.staff-box {
  padding-left: 0;
  padding-top: 0px;
}
footer .container{
  padding-right: 35px;
  padding-left: 35px;
}
.left-footer img {
  width: auto;
  height: auto;
}
footer{background-color: #000; padding: 80px 0px 80px; font-size: 16px;}
footer::before{display: none;}
.address{margin-top: 20px;}
.photostream{margin-top: 20px;}
.footer-con{
    text-align: center;
    position: relative;
    right: 0;
    bottom: 0;
    padding-top: 40px;
}
.footer-con p{text-align: center;}

.experience .experience-bg{position: relative; top: 100px;}
.text-box {
  width: 100%;
  float: left;
  margin-top: 105px;
}
.experience .experience-bg img {
  width: 100%;
}
.quotation{padding: 60px 20px;}
.check-wrp{padding: 60px 20px;}
.testimonial-wrp{padding: 80px 20px;}
.white-box{padding: 0px 20px;}
.details-wrp{min-height: auto; margin-top: 40px;}

}


@media screen and (max-width:679px) {
  .special-tab .nav-tabs > li{margin-bottom: 20px;}
  .price img{width: 85%;}
  .heaven-box {
    width: 80%;
}
h2 {
  font-size: 24px;
}
.client-box {
  width: 100%;
  float: none;
}
.client::before{top: 12px;}
.client-box{margin-top: 260px;}
.special-tab .nav-tabs > li {
  margin-bottom: 2px;
}
.inner-banner h2 {
  font-size: 30px;
}
.inner-banner h1{font-size: 24px;}
.inner-banner{padding: 100px 20px 120px;}


}

@media screen and (max-width:480px) {
  .special-tab .nav-tabs .nav-link{font-size: 14px;}
  .special-tab .nav-tabs > li {
    margin-bottom: 15px;
}
.price img {
  width: 64px;
}
.price .price-text {
  right: -2px;
  top: 16px;
}
.left-footer img{width: 100%;}
.details-wrp h4{font-size: 22px;}
.address-box h1{font-size: 18px;}
.address-box::before{
  width: 40px;
  height: 40px;
  background-size: cover;
}
.icon-phone.address-box::before{
  width: 40px;
  height: 40px;
  background-size: cover;
}
.icon-email.address-box::before{
  width: 40px;
  height: 40px;
  background-size: cover;
}
.address-box{
  padding-left: 50px;
  font-size: 10px;
}
  
}