body.public {
  width: 100%;
}

/* Retina display */
@media screen and (min-width: 1400px) {
  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 317px;
    background-size: 100% 50%;
  }
}

/* Retina display */
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .slide1 {
    background-image: url(../images/slide1.png);
    max-height: 385px;
  }

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 317px;
    background-size: 100% 50%;
  }
}
/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1023px) {
  .slide1 {
    background-image: url(../images/desktop.png);
    background-size: 100% 100%;
  }

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 300px;
    background-size: 100% 45%;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 979px) {
  .slide1 {
    background-image: url(../images/tablet_slide1.png);
    background-size: 100% 100%;
  }

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 250px;
    background-size: 100% 40%;
  }
}

/* Mobile HD */
@media screen and (min-width: 351px) and (max-width: 767px) {
  .slide1 {
    background-image: url(../images/mobile_hd.png);
    background-size: 100% 100%;
  }

  .message {
    background-image: url(../images/blue-mobhd.png);
    background-size: 100% 100%;
  }
}


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

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 180px;
  }
}


@media screen and (min-width: 376px) and (max-width: 426px) {

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 150px;
  }
}


@media screen and (min-width: 351px) and (max-width: 375px) {

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 140px;
  }
}

/* Mobile LD */
@media screen and (max-width: 350px) {
  .slide1 {
    background-image: url(../images/mobile_ld.png);
    background-size: 100% 100%;
  }

  .products-header {
    background-image: url(../images/WebPhoto-ItalyCouple.jpg);
    min-height: 130px;
  }
}

@media (max-width:1199px) {
  .small-band ul li {
    padding: 0;
  }
}

@media (max-width: 426px) {
  .mem-img {
    width: 300px !important;
  }
}

@media (max-width: 364px) {
  .mem-img {
    width: 270px !important;
  }
}

@media (max-width: 326px) {
  .mem-img {
    width: 250px !important;
  }
}

@media (max-width: 296px) {
  .mem-img {
    width: 200px !important;
  }
}

@media (max-width: 280px) {
  .mem-img {
    width: 180px !important;
  }
}

@media (max-width: 270px) {
  .mem-img {
    width: 150px !important;
  }
}

@media (min-width: 992px) {
  #product-wight-bg p {
    padding-top: 0;
  }

  #productVideo {
    margin-left: 10px;
  }

  .product-video p {
    margin-left: 10px;
    margin-right: 10px;
  }

  .col-right-pad8 {
    padding-right: 8%;
  }

  .col-right-pad30 {
    padding-right: 30px;
  }

  .col-right-pad5 {
    padding-right: 5%;
  }

  .col-right-pad4 {
    padding-right: 4%;
  }

  .col-left-pad3 {
    padding-left: 3%;
  }

  .col-left-pad5 {
    padding-left: 5%;
  }

  .col-left-pad10 {
    padding-left: 10%;
  }

  .col-no-leftpad {
    padding-left: 0;
  }

  .col-no-rightpad {
    padding-right: 0;
  }

  .col-md-pad {
    padding-right: 25px;
    padding-left: 25px;
  }

  .vacation-img {
    max-width: 400px;
    margin: 0 auto;
  }

  .vacation-txt {
    padding-left: 30px;
    padding-right: 7%;
  }

  .beyond-img {
    padding-left: 30px;
  }

  .beyond-txt {
    padding-right: 0;
    padding-left: 30px;
  }
}

@media (max-width: 900px) {
  /**.comp-top-txt { font-size:22px; font-family:'Roboto'; font-weight:300;}
	.zyn-txt { font-size:32px; font-family:'Roboto'; font-weight: 700; }
	
	.zyn-txt {  font-family: "Roboto";   font-size: 32px;
    font-weight: 700; }
	
	.membership-head-txt {  font-size:30px !important; font-weight: 300; }
	
	.travel {     font-family: "Roboto";
    font-size: 22px;
    font-weight: 400; }

	.zyn-logo-change { font-size:70px ; }
	.zyn-logo { font-size:62px; }**/

}

@media (min-width: 768px) and (max-width: 1199px) {
  .container {
    width: 98%;
    max-width: 1030px;
  }
}

@media (min-width: 768px) and (max-width: 950px) {
  .company-blue-band .icon1 span, .company-blue-band .icon2 span, .company-blue-band .icon3 span {
    top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 820px) {
  /****Header ****/
  .joinnow {
    padding: 4px 15px;
  }
}

@media (max-width: 991px) {
  /****Membership*****/
  .zyntravel-head {
    font-size: 28px;
  }

  .freedom ul {
    width: 90%;
  }
}

@media (max-width: 790px) {
  .resort-name {
    font-size: 18px;
  }

  .resort-para {
    font-size: 11px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 14px;
  }

  .card-container {
    height: 350px;
  }
}


@media (min-width: 768px) {

  .col-no-leftpad {
    padding-left: 0;
  }

  .col-no-rightpad {
    padding-right: 0;
  }

  .col-no-pad {
    padding-left: 0;
    padding-right: 0;
  }

  /**
	.title-txt-line { border-bottom: 1px solid #C5CFD6;  line-height: 0.1em; }
	.zyn-logo-change { font-size:48px !important; }
	.zyn-logo { font-size:45px !important; }
	**/
}

@media (max-width: 767px) {

  .container {
    max-width: 750px;
  }

  .col-xs-pad {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .col-xs-nopad {
    padding-left: 0;
    padding-right: 0;
  }

  /**** Header *****/

  .navbar-brand .img-responsive {
    width: 80%;
  }

  .navbar-brand {
    padding: 15px 15px;
  }

  .zyn-logo-change {
    font-size: 48px;
  }

  .zyn-logo {
    font-size: 45px;
  }

  /*** Home ****/

  .img-carousel {
    padding-bottom: 50px;
  }

  .discover {
    font-size: 26.4px;
    margin-top: 50px;
  }

  .carousel-para {
    font-size: 9.6px;
  }

  .btn-getstart {
    font-size: 14.4px;
    padding: 5px 30px;
  }

  .resort-name {
    font-size: 7px;
    line-height: 1.3;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 38px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 5.6px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 4px;
    margin-left: 12px;
    line-height: 1.3;
  }

  .hotels {
    background-size: auto 35%;
  }

  .video {
    padding: 20px 0 10px 0;
  }

  div#homevideo {
    margin-bottom: 10px;
  }

  .how_works {
    font-size: 25px;
  }

  .how_works_para {
    font-size: 13.6px;
    line-height: 1.3;
  }

  .message {
    padding: 20px 0 20px 0;
  }

  .message legend {
    width: 75%;
  }

  .message fieldset {
    font-size: 14px;
    margin-bottom: 40px;
    width: 96%;
  }

  .message fieldset p {
    padding: 20px 0 10px 0;
  }

  .box1, .box2, .box3, .box4 {
    font-size: 12px;
  }

  .box1 strong, .box2 strong, .box3 strong, .box4 strong {
    font-size: 12px;
  }

  .box3 p, .box4 p {
    padding-top: 0;
  }

  .box1 p, .box3 p {
    padding-right: 0;
  }

  .box1 p, .box2 p, .box3 p, .box4 p {
    margin-top: 0;
    line-height: 1.2;
  }

  .box1 {
    margin: 0 10px 10px 0;
  }

  .box2 {
    margin: 0 0 10px 10px;
  }

  .box3 {
    margin: 10px 10px 0 0;
  }

  .box4 {
    margin: 10px 0 0 10px;
  }

  .bgmap {
    padding: 20px 0;
  }

  .bgmap-head {
    padding: 10px 0;
  }

  .bgmap-head, .bgmap-head strong {
    font-size: 13.2px;
  }

  .bgmap-txt {
    font-size: 11px;
    padding: 0 50px;
    line-height: 1.4;
    margin-top: 15px;
  }

  .num, .numscroller {
    font-size: 56.5px;
    line-height: 40px;
  }

  .span-txt {
    font-size: 17px;
    line-height: 1.4;
  }

  .k-txt {
    font-size: 28px;
  }

  .enrollers, .enrollers-body {
    margin: 0 auto;
  }

  .bottom-mgs {
    padding: 30px 0;
  }

  .bottom-mgs-head {
    font-size: 16.3px;
    margin: 30px 0 10px 0;
  }

  .bottom-mgs p, .bottom-mgs p.strongtxt, .bottom-mgs p span, .bottom-mgs p.strongtxt span, .bottom-mgs p.strongtxt span.underline {
    font-size: 12px;
  }

  .bottom-mgs-content {
    margin-right: 2px;
    margin-top: 15px;
  }

  .contactus {
    padding: 30px 0;
  }

  .contactus-head {
    font-size: 25px;
  }

  /*** Products page ****/

  .company-head-txt .comp-top-txt {
    font-size: 18px;
  }

  .company-head-txt, .company-head-txt .zyn-txt {
    font-size: 29px;
    padding-bottom: 10px;
  }

  .product-video {
    padding: 20px 0;
  }

  .product-video p, #product-wight-bg p {
    font-size: 14px;
  }

  div#productVideo {
    margin-bottom: 30px;
  }

  #product-wight-bg .head-txt, #product-wight-bg .head-txt span {
    font-size: 20px;
    text-align: center;
  }

  #product-wight-bg .join-now-btn a {
    font-size: 15.6px;
    padding: 8px 34px;
  }

  #product-wight-bg .head-txt {
    margin-bottom: 10px;
  }

  #product-wight-bg .spacer:first-child {
    height: 20px;
  }

  #product-wight-bg .spacer:last-child {
    height: 0;
  }

  .product-gray-bg .spacer {
    height: 0px;
  }

  .product-bottom-bg, .product-gray-bg {
    padding: 30px 0 20px 0;
  }

  .product-bottom-bg p, .product-bottom-bg p span {
    font-size: 14px;
    padding-top: 0;
  }

  .join-now-btn {
    text-align: center;
  }

  .bot-joinnow-btn a {
    font-size: 18px;
    padding: 10px 40px;
  }

  .product-bottom-bg .spacer {
    height: 30px;
  }

  .pro-head-txt, .boldtxt {
    font-size: 14px;
    line-height: 22px;
  }

  .bigtxt {
    font-size: 25px !important;
  }

  /*** Company *****/

  .company-header .comp-top-txt {
    font-size: 32px;
  }

  .company-header .zyn-txt {
    font-size: 52px;
  }

  .company-header {
    min-height: 180px;
  }

  .company-video {
    padding: 25px 0 10px 0;
  }

  .company-video .video-txt {
    font-size: 18px;
    margin-top: 25px;
  }


  .company-video .travel {
    font-size: 18px;
  }

  .ultxt {
    font-size: 13px;
    margin-top: 10px;
  }

  .company-video ul {
    font-size: 12px;
    line-height: 1.4;
  }


  .company-blue-band {
    padding: 20px 0 10px 0;
  }

  .company-blue-band .icon1, .company-blue-band .icon2, .company-blue-band .icon3 {
    margin: 0 50px;
    min-height: 75px;
  }

  .company-blue-band .icon1 img, .company-blue-band .icon2 img, .company-blue-band .icon3 img {
    height: 65px;
  }

  .company-blue-band .icon1 span, .company-blue-band .icon2 span, .company-blue-band .icon3 span {
    font-size: 13px !important;
    top: 15px;
  }

  .company-whiteband {
    padding-top: 10px;
  }

  .company-lightblue-band {
    padding: 10px 0;
  }

  .company-lightblue-band fieldset.title-txt-line {
    border-top: none;
    margin: 0 0 10px 0;
  }

  .company-lightblue-band fieldset.title-txt-line legend {
    font-size: 20px;
  }

  .enjoy-life-head {
    font-size: 14px;
  }

  .vacation-img {
    margin-bottom: 30px;
  }

  .company-lightblue-band .spacer {
    height: 0;
  }

  .container-joinnow {
    text-align: center;
  }

  .company-lightblue-band .jonnow-btn, .company-white-bg .jonnow-btn {
    font-size: 20px;
  }

  .company-white-bg fieldset.title-txt-line {
    border-top: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .company-white-bg fieldset.title-txt-line legend {
    font-size: 22px;
    padding: 5px 0;
  }

  .beyond-txt {
    margin-top: 30px;
    text-align: left;
  }

  .company-white-bg {
    padding: 10px 0 20px 0;
  }

  .company-white-bg .spacer, .company-bottom-bg .spacer {
    height: 10px;
  }

  .company-lightblue-band p, .company-white-bg p {
    font-size: 14px;
  }

  .company-lightblue-band p {
    line-height: 22px;
  }

  .bot-head-txt, .title-txt-line {
    font-size: 25px;
    text-align: center;
  }

  .bot-head-txt {
    margin: 30px 0 10px 0;
  }

  .company-bottom-bg p {
    font-size: 15px;
    line-height: 1.2;
    padding-right: 5px;
    padding-bottom: 10px;
  }

  .company-bottom-bg {
    padding: 30px 0;
  }

  /*** membership page ****/

  .membership-header {
    min-height: 180px;
  }

  .membership-marquee {
    font-size: 14px;
  }

  .membership-marquee ul li {
    width: 400px;
  }

  .membership-head-txt {
    font-size: 20px !important;
    padding: 40px 0 20px 0;
  }

  .membership-head-txt ul {
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
  }

  .membership-head-txt ul li {
    padding-top: 10px;
    list-style-type: circle;
  }

  .membership-header .zyn-txt, .membership-header .travel {
    font-size: 31px;
  }

  .membership-head-txt p {
    font-size: 19px;
    text-align: left;
    margin-top: 35px;
  }

  .light-change, .fon-change {
    font-size: 16px;
  }

  .font-20 {
    font-size: 15.5px;
  }

  .font-19 {
    font-size: 14.5px;
  }

  .square-box {
    position: relative;
  }

  .square-content p {
    font-size: 20px !important;
    padding: 0 0;
  }

  .square-content p span, .fon-change {
    padding-top: 10px;
    font-size: 18px;
  }

  .memlistContainer {
    padding: 0 0 25px 0;
  }

  .mem-list {
    padding-top: 20px;
  }

  .mem-list ul li {
    line-height: 20px;
    padding-bottom: 10px;
  }

  .mem-zyn-img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .small-band {
    color: #000000;
    margin-top: 0;
    height: 50px;
  }

  .dropdown, .dropdown-menu {
    text-align: center;
  }

  .dropdown a.dropdown-toggle {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #284962;
  }

  .dropdown-menu > li > a {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #284962;
  }

  .dropdown-menu > .active > a {
    background-color: #345C75;
  }

  .dropdown-menu li {
    width: 100%;
  }

  .dropdown a.dropdown-toggle i, .dropdown-menu i {
    margin-left: 5px;
    font-size: 20px;
    font-weight: 600;
  }

  .zyntravel {
    padding: 15px 0;
  }

  .zyntravel-head {
    font-size: 31px;
    text-align: center;
    padding: 0 0;
  }

  .vacation {
    font-size: 18px;
  }

  p.travel-para, p.travel-para strong, p.travel-para span {
    font-size: 14.8px;
    padding-right: 2%;
  }

  .zyntravelImage {
    background-color: #FFF;
    padding: 20px 0 40px 0;
  }

  .plans {
    padding: 30px 0 50px 0;
  }

  .package-main {
    width: 100%;
    text-align: center;
  }

  .package-main .col-no-pad {
    padding-left: 0;
    padding-right: 0;
  }

  .select_active {
    margin-top: 20px !important;
  }

  .silver-container, .platinum-container, .gold-container {
    margin: 20px auto 0;
    float: none;
  }

  .silver_membership h1, .platinum_membership h1, .gold_membership h1 {
    font-size: 31.5px;
  }

  .select_silver_content a, .select_platinum_content a, .silver_membership h2, .platinum_membership h2, .gold_membership h2 {
    font-size: 14.4px;
  }

  .silver_membership h3, .platinum_membership h3, .gold_membership h3 {
    font-size: 48px;
    line-height: 40px;
  }

  .silver_membership h4, .platinum_membership h4, .gold_membership h4 {
    font-size: 13.5px;
  }

  .select_silver_content p, .select_platinum_content p {
    font-size: 10.8px;
  }

  .select_silver_content ul li label, .select_platinum_content ul li label {
    font-size: 11px;
  }

  .select_silver_board h1, .select_silver_content h5, .select_platinum_content h5, .select_silver_content ul li, .select_platinum_content ul li {
    font-size: 12.6px;
  }

  .select_silver_content h5, .select_platinum_content h5 {
    margin: 5px 0;
  }

  .select_platinum_content ul li span, .select_silver_content ul li span {
    font-size: 13px;
  }

  .select_silver_board, .select_platinum_board {
    margin: 10px 0 5px 0;
  }

  .select_platinum_board h1 {
    font-size: 12px;
  }

  .select_silver_content h4, .select_platinum_content h4 {
    font-size: 18px;
  }

  .select_silver_content a, .select_platinum_content a {
    padding-left: 30px;
    padding-right: 30px;
  }

  #selectGold .select_silver_board {
    margin-top: 20px;
  }

  .select_platinum_content ul li:last-child span {
    padding-right: 5px;
  }

  sup {
    top: -0.3em !important;
  }

  #selectSilver .select_silver_content,
  #selectGold .select_silver_content,
  .select_platinum_content {
    margin-bottom: 20px;
  }

  .freedom {
    padding: 30px 0;
  }

  .freedom-head {
    font-size: 23px;
    margin-top: 30px;
  }

  .freedom-para {
    font-size: 14px;
  }

  .benefits {
    font-size: 18px;
  }

  .freedom ul {
    width: 90%;
  }

  .freedom ul li {
    font-size: 13px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .card-container {
    height: 320px;
  }

  .white-bg {
    padding: 5px 12px;
  }

  .resort-name {
    font-size: 14px;
  }

  .resort-content-wrap {
    min-height: 100px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 12px;
    padding: 6px 0;
  }

  .resort-para {
    font-size: 9px;
    margin-left: 20px;
  }

  .resort-bullet {
    font-size: 10px;
  }
}

@media (max-width: 640px) {
  .card-container {
    height: 240px;
  }

  .white-bg {
    padding: 5px 10px;
  }

  .resort-name {
    font-size: 12px;
  }

  .resort-content-wrap {
    min-height: 60px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 10px;
    padding: 6px 0;
  }

  .resort-para {
    font-size: 6px;
    margin-left: 18px;
  }

  .resort-bullet {
    font-size: 8px;
  }
}

@media (max-width: 540px) {
  .hotels {
    padding: 20px 0 25px 0;
  }

  .card-container {
    height: 180px;
  }

  .resort-name {
    font-size: 8px;
    line-height: 1;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 45px;
  }

  .resort-content {
    padding: 2px 0;
  }

  .rest-btn, .rest-btn-active {
    font-size: 8px;
    padding: 4px 0;
  }

  .resort-para {
    font-size: 5px;
    margin-left: 12px;
  }

  .resort-bullet {
    font-size: 5px;
    padding-left: 5px;
    padding-right: 2px;
  }

  .white-bg {
    padding: 5px 10px;
  }

  /***footer***/
  #footer ul {
    text-align: left;
  }

  #footer ul li {
    margin-left: 5px;
  }

  #footer ul li a {
    font-size: 9px;
    padding: 0;
  }

  #footer ul li:last-child a {
    color: #ffffff;
    font-size: 9.4px;
    border: 1px solid #ffffff;
    padding: 4px 10px;
  }

  .footer-bott-menu {
    font-size: 9.4px;
    text-align: center;
  }

  .footer-bott-menu a {
    padding: 0;
  }

  footer p {
    font-size: 9.4px;
    text-align: center;
    padding: 10px 0;
  }
}

@media (max-width: 480px) {
  .hotels {
    padding: 20px 0 25px 0;
  }

  .card-container {
    height: 160px;
  }

  .resort-name {
    font-size: 8px;
    line-height: 1;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 45px;
  }

  .resort-content {
    padding: 2px 0;
  }

  .rest-btn, .rest-btn-active {
    font-size: 6px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 4.5px;
    margin-left: 12px;
  }

  .resort-bullet {
    font-size: 5px;
    padding-left: 5px;
    padding-right: 2px;
  }

  .white-bg {
    padding: 5px 10px;
  }
}

@media (max-width: 426px) {

  /******** Hotels********/
  .col-xs-pad {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .hotels {
    padding: 20px 0 25px 0;
  }

  .card-container {
    height: 130px;
  }

  .resort-name {
    font-size: 7px;
    line-height: 1;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 38px;
  }

  .resort-content {
    padding: 2px 0;
  }

  .rest-btn, .rest-btn-active {
    font-size: 5.6px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 4px;
    margin-left: 12px;
    line-height: 1.4;
  }

  .resort-bullet {
    font-size: 5px;
    padding-left: 5px;
    padding-right: 2px;
  }

  .white-bg {
    padding: 2px 5px;
  }
}

@media (max-width: 374px) {
  .resort-name {
    font-size: 7px;
    line-height: 1.3;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 38px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 5.6px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 4px;
    margin-left: 12px;
    line-height: 1.3;
  }

  .bottom-mgs-head {
    font-size: 13.5px;
  }

  /*** Products page ****/


  .company-head-txt, .company-head-txt .zyn-txt {
    font-size: 46px;
  }

  #product-wight-bg .head-txt, #product-wight-bg .head-txt span {
    font-size: 16px;
    text-align: center;
  }

  #product-wight-bg .join-now-btn a {
    font-size: 14px;
  }

  #product-wight-bg .head-txt {
    margin-bottom: 10px;
  }

  #product-wight-bg .spacer:first-child {
    height: 20px;
  }

  #product-wight-bg .spacer:last-child {
    height: 0;
  }

  .product-gray-bg .spacer {
    height: 0px;
  }

  .product-bottom-bg, .product-gray-bg {
    padding: 30px 0 10px 0;
  }

  .product-bottom-bg p, .product-bottom-bg p span {
    font-size: 13px;
    padding-top: 0;
  }

  .join-now-btn {
    text-align: center;
  }

  .bot-joinnow-btn a {
    font-size: 16px;
    padding: 8px 40px;
  }

  .product-bottom-bg .spacer {
    height: 30px;
  }

  .pro-head-txt, .boldtxt {
    font-size: 13px;
    line-height: 22px;
  }

  .bigtxt {
    font-size: 20px !important;
  }

  /****Membership ****/

  .membership-header {
    min-height: 200px;
  }

  .membership-header .zyn-txt, .membership-header .travel {
    font-size: 25px;
  }

  .membership-head-txt p {
    font-size: 16px;
  }

  .light-change, .fon-change {
    font-size: 14px;
  }

  .font-20 {
    font-size: 13px;
  }

  .font-19 {
    font-size: 12px;
  }

  .mem-list ul li {
    margin-left: 0;
    font-size: 12.5px;
    line-height: 1.2;
  }

  .level-text {
    font-size: 11px;
  }

  .diff-levels {
    font-size: 12px;
  }

  /******Company******/
  .company-bottom-bg p {
    padding-right: 0;
  }

  .company-lightblue-band fieldset.title-txt-line legend,
  .company-white-bg fieldset.title-txt-line legend {
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 360px) {

  .carousel-para {
    font-size: 11px;
  }

  .card-container {
    height: 120px;
  }

  .resort-name {
    font-size: 5.6px;
    line-height: 1;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 40px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 4.6px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 4px;
    margin-left: 12px;
    line-height: 1.2;
  }

  /***Company ****/

  .company-blue-band .icon1, .company-blue-band .icon2, .company-blue-band .icon3 {
    margin: 0 40px;
  }

  /***footer***/
  #footer ul li {
    margin-left: 2px;
  }

  #footer ul li a {
    font-size: 7.5px;
  }

  #footer ul li:last-child {
    margin-left: 5px;
  }

  #footer ul li:last-child a {
    font-size: 7.5px;
    padding: 2px 4px;
  }
}

@media (max-width: 320px) {

  .hotels {
    padding: 20px 0;
  }

  .card-container {
    height: 110px;
  }

  .resort-name {
    font-size: 4px;
    line-height: 1.2;
    padding: 0;
  }

  .resort-content-wrap {
    min-height: 40px;
  }

  .rest-btn, .rest-btn-active {
    font-size: 4px;
    padding: 2px 0;
  }

  .resort-para {
    font-size: 3.5px;
    margin-left: 12px;
    line-height: 1.2;
  }

  .carousel-para {
    font-size: 10px;
  }

  .num, .numscroller, .k-txt {
    font-size: 45px;
    line-height: 1.1;
  }

  .span-txt {
    font-size: 12px;
    padding-bottom: 20px;
  }
}