@charset "UTF-8";

@media only screen and (max-width: 2502px) and (min-width:767px) {
  .attraction-img{
    padding-bottom: 80px;
  }
  .content-sm h1{font-size: 2.8rem !important;}
}

@media only screen and (max-width: 1600px) and (min-width: 1200px){

}

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

}

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

}

@media only screen and (min-width: 980px) {

}

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

}

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

}

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

}

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

}

@media only screen and (max-width: 568px) {
  .main-banner .circle-one{
    width: 500px;
    height: 500px;
    left: -180px;
    top: -180px;
    background-size: contain;
  }
}

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

}


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

}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 767px)
and (orientation : landscape) {


}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (orientation : landscape) {

}