.cb-slideshow,
.cb-slideshow:after {
   
    width: 100%;
    height: 100%;
	margin:0 auto;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}
.cb-slideshow h2 span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
.cb-slideshow h2 div {
    /*z-index: 1000;*/
    position: absolute;
    bottom: 280px;
    left: 0px;
	width:40%;
	right:0;
	margin:0 auto;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s;
}
.cb-slideshow h2 h3 {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 9px 0px;
    font-family: "Open Sans";
    font-weight: 700;
	margin:0 auto;
    font-family: 'Libre Baskerville', serif;
    font-size: 40px;
    text-align: center;
    line-height: normal;
    color: #ffffff;
    text-transform:uppercase;
}
.cb-slideshow h2 a{
    /*background: #274488;*/
     background: #2d4687;
     font-family: "Open Sans";
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    padding:13px 0px 13px;
    line-height:normal;
    color: rgba(255,255,255,0.8);
	position:absolute;
    /*z-index: 999;*/
    left: 0;
	text-decoration:none;
	bottom:125px !important;
    right: 0;
    text-align: center;
    width: 195px;
	margin:0 auto;
	text-transform:uppercase;
}
.cb-slideshow h2:nth-child(1) span { background-image: url(../images/1.jpg) }
.cb-slideshow h2:nth-child(2) span {
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow h2:nth-child(3) span {
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow h2:nth-child(4) span {
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow h2:nth-child(5) span {
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
/*.cb-slideshow h2:nth-child(6) span {*/
/*    background-image: url(../images/6.jpg);*/
/*    -webkit-animation-delay: 30s;*/
/*    -moz-animation-delay: 30s;*/
/*    -o-animation-delay: 30s;*/
/*    -ms-animation-delay: 30s;*/
/*    animation-delay: 30s;*/
/*}*/
.cb-slideshow h2:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow h2:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow h2:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow h2:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
/*.cb-slideshow h2:nth-child(6) div {*/
/*    -webkit-animation-delay: 30s;*/
/*    -moz-animation-delay: 30s;*/
/*    -o-animation-delay: 30s;*/
/*    -ms-animation-delay: 30s;*/
/*    animation-delay: 30s;*/
/*}*/
video::-webkit-media-controls {
  display: none;
  -webkit-appearance: none;
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.05);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	22% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-20%);
	}
	25% {
	    opacity: 0;
	    -transform: scale(1.1) translateY(-100%);
	}
	100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -moz-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -moz-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -o-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -o-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    -ms-transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    -ms-transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-300%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(100%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}



/*****************Media Query*********************/

@media screen and (min-width: 320px) and (max-width: 480px)
{
    .header{ position: inherit; }
    .cb-slideshow{display:none;}
        .logo img{margin: 0 auto;}
        .phone{padding: 5px 0 10px 0;}
        .phone p{text-align: center;float: none;}
        .phone img{float: none;display: inline-block;}
        .our_services{    padding: 30px 0;}
        .services_hedding h1{    font-size: 28px;}
        .sticky-container{top: 180px;width: 198px; z-index: 999;}
        .services_box_img img{top: 42px;}
        .services_box h2{font-size: 16px;padding: 50px 0 15px 0;}
        .services_box p{font-size: 14px;padding: 0px 25px 25px 25px;line-height: 20px;}
        .services_box{padding: 0 0 35px 0;height: auto;}
        .services_box a{padding: 8px 19px;font-size: 15px;}
        .welcome_hedding{margin: 30px 0;padding: 20px;}
        .welcome_hedding h1{    margin: 0 0 25px;    font-size: 15px;}
        .welcome_hedding h3{font-size: 17px;margin: 0 0 15px;}
        .welcome_hedding p{font-size: 12px !important;line-height: 20px;}
        .portfolioslider{    padding: 30px 0;}
        .search_ww{padding: 30px 0 30px;}
        .search_hedding h1{font-size: 25px;margin: 0 0 15px;line-height: 35px;}
        .search_hedding p{font-size: 13px;padding:0;}
        .search_hedding img {margin: 30px auto;}
        .contact{    padding: 30px 0;}
        .title_contact{    font-size: 24px !important;    padding: 15px 0;}
        #input input{padding: 7px 10px;margin: 6px 0;font-size: 14px;}
        textarea{height: 80px;font-size: 14px;padding: 7px 10px;margin: 6px 0;}
        .btn_send{padding: 9px 0;font-size: 17px;width: 60% !important;margin: 0 30px;}
        .logo1,.logo2,.logo3,.logo4,.logo5{    height: 30px;}
        .part_logo{    padding: 30px 0;}
        .title_brand{padding: 0 0 15px 0;line-height: 25px;font-size: 18px;text-align: center;}
        .brand{padding:20px 0;}
        .btn_get{font-size: 15px;padding: 8px 19px;margin: 0 0 0 50px;}
        .social_footer{padding: 30px 0 !important;}
        .social_footer img{margin: 0 0 20px 0;}
        /*.title_social{    text-align: center;}*/
        .copy{padding: 15px 0;font-size: 12px;}
        .copy p{font-size: 12px;}
        .social_footer p{margin: 5px 0 0 0 !important;}
        /*new changes*/
        .choose_warrior{margin: 0 auto 30px !important;width: 100% !important;float: left !important;}
        .full_css{margin: 0 auto !important;width: 100%;max-width: 220px;}
        
        
       .welcome_hedding p img.award-badge{width: 143px!important; display: block!important; height: auto; float: none; margin: 0 auto 10px auto;}
        
        .award-logo #surly-badge.surly-badge_white-blue{margin:0 auto;}
        .main-badge-text{display:block;}
        
          .seoservices-ul{display: inline; float: none!important; width: auto!important; text-align: left!important; margin: 0px 0 0 0px !important;left: 0;top: 0px;position: relative;}
    .services-toggle{border-bottom: 1px solid #00000057;padding-bottom: 10px;padding-bottom: 9px!important;}
     
      .seoservices-ul li{padding-top: 3px !important;padding-bottom: 0 !important;}



         

    }
@media screen and (min-width: 481px) and (max-width: 640px)
{
    .header{ position: inherit; }
    .cb-slideshow{display:none;}
        .logo img{margin: 0 auto;}
        .phone{padding: 5px 0 10px 0;}
        .phone p{text-align: center;float: none;}
        .phone img{float: none;display: inline-block;}
        .our_services{    padding: 30px 0;}
        .services_hedding h1{    font-size: 28px;}
        .sticky-container{top: 180px;width: 198px; z-index: 999;}
        .services_box_img img{top: 28px;}
        .services_box h2{font-size: 16px;padding: 50px 0 15px 0;}
        .services_box p{font-size: 14px;padding: 0px 25px 25px 25px;line-height: 20px;}
        .services_box{padding: 0 0 35px 0;}
        .services_box a{padding: 8px 19px;font-size: 15px;}
        .welcome_hedding{margin: 30px 0;padding: 20px;}
        .welcome_hedding h1{    margin: 0 0 25px;    font-size: 15px;}
        .welcome_hedding h3{font-size: 17px;margin: 0 0 15px;}
        .welcome_hedding p{font-size: 12px !important;line-height: 20px;}
        .portfolioslider{    padding: 30px 0;}
        .search_ww{padding: 30px 0 30px;}
        .search_hedding h1{font-size: 25px;margin: 0 0 15px;line-height: 35px;}
        .search_hedding p{font-size: 13px;padding:0;}
        .search_hedding img {margin: 30px auto;}
        .contact{    padding: 30px 0;}
        .title_contact{    font-size: 24px !important;    padding: 15px 0;}
        #input input{padding: 7px 10px;margin: 6px 0;font-size: 14px;}
        textarea{height: 80px;font-size: 14px;padding: 7px 10px;margin: 6px 0;}
        .btn_send{padding: 9px 0;font-size: 17px;width: 92% !important;margin: 0 30px;}
        .logo1,.logo2,.logo3,.logo4,.logo5{    height: 30px;}
        .part_logo{    padding: 30px 0;}
        .title_brand{padding: 0 0 15px 0;line-height: 25px;font-size: 18px;text-align: center;}
        .brand{padding:20px 0;}
        .btn_get{font-size: 15px;padding: 8px 19px;margin: 0 130px;}
        .social_footer{padding: 30px 0;}
        .social_footer img{margin: 0 auto 10px;}
        /*.title_social{    text-align: center;}*/
        .copy{padding: 15px 0;font-size: 12px;}
         .social_footer p{margin: 5px 0 0 0 !important;}
         
          /*new changes*/
        .choose_warrior{margin: 0 auto 30px !important;width: 100% !important;float: left !important;}
        .full_css{margin: 0 auto !important;width: 100%;max-width: 220px;}
        
         .award-logo #surly-badge.surly-badge_white-blue{margin:0 auto;}
         
         .main-badge-text{display:block;}
 
}

@media screen and (min-width: 641px) and (max-width: 767px)
{
    .cb-slideshow{display:none;}
        .logo img{margin: 0 auto;}
        .phone{padding: 5px 0 10px 0;}
        .phone p{text-align: center;float: none;}
        .phone img{float: none;display: inline-block;}
        .our_services{padding: 30px 0;}
        .welcome_hedding {margin: 30px 0;}
        .welcome_hedding h1 {font-size: 36px;margin: 0 0 30px;}
        .welcome_hedding h3 {font-size: 25px;margin: 0 0 25px;} 
        .welcome_hedding p{font-size:18px !important;}
        .portfolioslider{paddig:30px 0}
        .search_hedding h1{font-size:30px;}
        .search_hedding p {font-size: 18px;padding: 0;}
        .search_ww{padding:30px 0;}
        .search_hedding img {margin: 30px auto;}
        .contact {padding: 30px 0;}
        .title_start {font-size: 30px;}
        .btn_send{width:95%;}
        .title_brand{    text-align: center;    padding: 10px 0 20px 0;}
        .btn_get {margin: 0 150px;}
        .social_footer img{margin: 0 auto 10px;}
        
         /*new changes*/
        .choose_warrior{margin: 0 auto 30px !important;width: 100% !important;float: left !important;}
        .full_css{margin: 0 auto !important;width: 100%;max-width: 300px;}
        
         .award-logo #surly-badge.surly-badge_white-blue{margin:0 auto;}
         .main-badge-text{display:block;}
        
}

@media screen and (min-width:768px) and (max-width:991px){
    .cb-slideshow{display:none;}
    .menu ul li {margin: 0px 0 0 4px;padding: 0px 0px 0px 6px;}
    .our_services{padding:30px 0;}
    .services_box{    height: 590px;}
    .services_box a {width: 70%;}

    .welcome_hedding {margin: 30px 0;}
    .welcome_hedding h3 {font-size: 30px;margin: 0 0 35px;}
    .welcome_hedding p{font-size:18px !important;}
    .search_hedding img {margin: 30px auto;}
    .search_hedding h1{font-size:30px;}
     .search_ww{padding:30px 0;}
    .search_hedding p {font-size: 18px;padding: 0;}
    .contact {padding: 30px 0;}
    .btn_send {padding: 11px 40px;}
    .title_brand {font-size: 23px;}
    .btn_get {padding: 13px 21px;font-size: 15px;}
    .social_footer ul li{    font-size: 14px;}
    .copy p{font-size: 12px;}
    
    
     /*new changes*/
        .choose_warrior{margin: 0 auto 30px !important;width: 100% !important;float: left !important;}
        .full_css{margin: 0 auto !important;width: 100%;max-width: 300px;}
        
        .award-logo {top: 19%;z-index: 99999;padding: 30px 0 0 0;}
        .main-badge-text .welcome-text{margin-left:20px;}
        
        
        .google-translator-sec{padding: 0 0px 10px 0px;}
        

        

        
}
@media screen and (min-width:992px) and (max-width:1030px)
{
    .cb-slideshow{display:none;}
    .our_services{padding: 50px 0;}
    .services_box{height:460px;}
    .btn_get {padding: 11px 30px;font-size: 20px;}
    .title_brand{font-size: 25px;}
    .services_box a {width: 50%;}
    
    .full_css{    font-size: 13px !important;}
    .choose_warrior{margin: 0 5px !important;width: 178px  !important;}
    
    .award-logo {top: 15%;z-index: 99999;}
    
     .google-translator-sec{padding: 0 0px 10px 0px;}
    
    
    

    
    }
    
@media screen and (min-width: 1031px) and (max-width: 1199px){
    .cb-slideshow{display:none;}
    .our_services{padding: 50px 0;}
    .services_box{height:460px;}
    .services_box a {width: 50%;}

    .btn_get {padding: 11px 30px;font-size: 20px;}
    .title_brand{font-size: 25px;}
    
    .full_css{font-size: 13px !important;}
    .choose_warrior {margin: 0 5px !important; width: 178px !important; }
    .menu ul li{margin: 0 0 0 3px !important;}
    
    .main-badge-text .welcome-text{margin-left:20px;}
    
     .google-translator-sec{padding: 0 0px 10px 0px;}
    


}
.title_brand{    font-size: 26px;}


@media (max-width: 575.98px){
    .logo-partner{padding: 30px 0 0;}
    
    .ww-main-logo img {width: 80%;}
.ww-main-logo{text-align:center;}

.ww-awards{padding: 30px 0 0px 0;}
.ww-award-images p {font-size: 12px!important;line-height: 24px;text-align: center;}
.award-txt p{font-size: 22px;padding: 0 0 15px 0;}
.ww-text-col{padding: 30px 5px 15px 5px;display: inline-block;}
.ww-text h3 {font-size: 22px;line-height: 32px;}
.payment-due-txt p {font-size: 22px!important;line-height: 32px;}
.ww-text img {width: 45%;margin-bottom: 0 !important;}
.ww-btm-trophy-left p {margin: 0px 0 0 0;}
.blank-row {padding: 50px 0 0px 0;}


.lacosta-img{position:unset;text-align: center;}
.main-box{text-align: center;margin: 0 0 15px 0;display: inline-block;}
.element-domain{position:unset;}
.lacosta-domain p{text-align: center;}
.website-name-desktop{display:none;}
.mob-website-name{display:block;}
.ww-devices-inner-desktop{padding:12px 20px;margin: 0 0 20px 0;}
.mijalisco-img{position:unset;}
.ww-mobile-device {margin: 0px 0 0 0;}
.main-box-3{text-align:center;display: inline-block;}
.mi-domain p {margin: 0 0 0 0px;}
.main-box-4{text-align:center;padding: 15px 0 0 0;}
.villas-domain{position:unset;}


.dot-txt ul li {font-size: 18px;line-height: 34px;text-align: center;}
.dot-txt ul{padding: 0 12px;display: unset;}
.dot-txt {padding: 0px 0 0px 0;}
.site-info {padding: 30px 12px;display: inline-block;}
.site-info a {font-size: 16px;line-height: 26px;}
.site-info p a{font-size: 16px;line-height: 26px;margin: 15px 0 0 0;}
.site-info .footer-phone{margin: 0 0 8px 0;}
.ww-text h3{margin: 0;}
.ww-btm-trophy-right p{font-size: 18px;}
.ww-btm-trophy-left p {font-size: 18px;}

.ww-awards .row{display:unset;}
.ww-text .row{display:unset;}
.ww-awards .container-fluid{padding:0;}
.award-txt p{font-size:12px;text-align:center;}
.element-domain p a {font-size: 13px;}
.lacosta-domain p a {font-size: 13px;}
.website-name p a {font-size: 13px;}
.lacosta-domain p{margin: 0 0 0 0px;}
.main-box-2{display: inline-block;margin: 0 0 15px 0;}
.mi-domain p a {font-size:13px;}
.ww-text{padding: 0px 0 10px 0;}
.villas-domain p a{font-size: 13px;}
.welcome-text a{font-size: 13px!important;}

.top-heading p {font-size:14px;}

.napa-county-awards{padding: 30px 0 0 0;}




    
    
    
    
}
@media (max-width: 767.98px ) and (orientation: landscape){
    .logo-partner{padding: 30px 0 0;}
    
    .ww-main-logo img {width: 62%;}
.ww-main-logo{text-align:center;}

.ww-awards{padding: 30px 0 0px 0;}
.ww-award-images p {font-size: 18px!important;line-height: 24px;text-align: center;}
.award-txt p{font-size: 22px;padding: 0 0 15px 0;}
.ww-text-col{padding: 30px 5px 15px 5px;display: inline-block;}
.ww-text h3 {font-size: 22px;line-height: 32px;}
.payment-due-txt p {font-size: 22px!important;line-height: 32px;}
.ww-text img {width: 45%;margin-bottom: 0 !important;}
.ww-btm-trophy-left p {margin: 0px 0 0 0;}
.blank-row {padding: 50px 0 0px 0;}


.lacosta-img{position:unset;text-align: center;}
.main-box{text-align: center;margin: 0 0 15px 0;display: inline-block;}
.element-domain{position:unset;}
.lacosta-domain p{text-align: center;}
.website-name-desktop{display:none;}
.mob-website-name{display:block;}
.ww-devices-inner-desktop{padding:12px 20px;margin: 0 0 20px 0;}
.mijalisco-img{position:unset;}
.ww-mobile-device {margin: 0px 0 0 0;}
.main-box-3{text-align:center;display: inline-block;}
.mi-domain p {margin: 0 0 0 0px;}
.main-box-4{text-align:center;padding: 15px 0 0 0;}
.villas-domain{position:unset;}


.dot-txt ul li {font-size: 18px;line-height: 34px;text-align: center;}
.dot-txt ul{padding: 0 12px;display: unset;}
.dot-txt {padding: 0px 0 0px 0;}
.site-info {padding: 30px 12px;display: inline-block;}
.site-info a {font-size: 16px;line-height: 26px;}
.site-info p a{font-size: 16px;line-height: 26px;margin: 15px 0 0 0;}
.site-info .footer-phone{margin: 0 0 8px 0;}
.ww-text h3{margin: 0;}
.ww-btm-trophy-right p{font-size: 18px;}
.ww-btm-trophy-left p {font-size: 18px;}

.ww-awards .row{display:unset;}
.ww-text .row{display:unset;}
.ww-awards .container-fluid{padding:0;}
.award-txt p{font-size:12px;text-align:center;}
.element-domain p a {font-size: 13px;}
.lacosta-domain p a {font-size: 13px;}
.website-name p a {font-size: 13px;}
.lacosta-domain p{margin: 0 0 0 0px;}
.main-box-2{display: inline-block;margin: 0 0 15px 0;}
.mi-domain p a {font-size:13px;}
.ww-text{padding: 0px 0 10px 0;}
.villas-domain p a{font-size: 13px;}
.welcome-text a{font-size: 13px!important;}

.napa-county-awards{padding: 30px 0 0 0;}

    
}

@media (min-width: 768px) and (max-width: 991.98px){
    .logo-partner{padding: 50px 0;}
    
    .napa-county-awards{padding: 50px 0 0 0;}
    
    .award-txt p {font-size: 18px!important;line-height: 30px!important;}
  .ww-award-images p {font-size: 17px!important;line-height: 26px;}
  .ww-awards {padding: 35px 0;}
  .payment-due-txt p{font-size: 20px !important;line-height: 27px;}
  .ww-text h3{font-size: 20px;line-height: 27px;margin: 0 0 12px;}
  
  .ww-btm-trophy-left p {font-size: 13px;line-height: 20px;padding: 0 0px;}
  .ww-btm-trophy-right p {font-size: 13px;line-height: 20px;padding: 0 0px;}
  .blank-row {padding: 50px 0 30px 0;}
  
  .ww-devices-inner-tab img{width: 65%;}
  .element-domain {right: -23%;}
  .ww-devices-inner .desktop-img{width:55%;}
  .ww-devices-inner-desktop{padding: 30px 0 0 0px;}
  .website-name p a {font-size:18px;}
  .mob-website-name{display:block;}
  .website-name-desktop{display:none;}


  .lacosta-domain p{margin: 0px 0 0 0px;}
  .lacosta-domain p a {font-size:18px;}
  .main-box{display:inline-block;}

  .villas-domain {right: -100px;}
  .mi-domain p {margin: 0 0 0 0px;}
  .villas-domain{position:unset;}
  .mi-domain p a {font-size: 18px;}
  .villas-domain p a {font-size: 18px;}


.dot-txt ul li {font-size: 23px;line-height: 33px;}
.dot-txt {padding: 30px 0 30px 0;}
.site-info a {font-size: 24px;line-height: 34px;}
.site-info p a {font-size: 24px;line-height: 34px;}
.mijalisco-img {right: -87px;position:unset;}

.ww-text img {width: 65%;margin: 0 auto;}

.row.blank-row{display:unset;}
.lacosta-img{position: unset;}
.element-domain{position: unset;}
.element-img img{width:60%;}
.element-domain p a {font-size:18px;}
.ww-mobile-device {margin: 25px 0 0 0;}

.mijalisco-img img{width:38%;}
.landscape-img img{width:38%;}


.top-heading{display:unset;}
     .top-heading p {font-size: 13px!important;}
     .top-heading p a{font-size: 13px!important;}



    
}
    
@media (min-width: 992px) and (max-width: 1199.98px){
    
    .logo-partner{padding: 80px 0;}
    
    .award-txt p {font-size: 22px;line-height: 32px !important;}
  .ww-award-images p {font-size: 24px;line-height: 34px;}
  .ww-awards {padding: 35px 0;}
  .payment-due-txt p{font-size: 26px;line-height: 36px;}
  .ww-text h3{font-size: 24px;line-height: 34px;}
  
  .row.blank-row{display:unset;}
  
  
  .ww-btm-trophy-left p {font-size: 16px;line-height: 24px;padding: 0 0px;}
  .ww-btm-trophy-right p {font-size: 16px;line-height: 24px;padding: 0 0px;}
  .blank-row {padding: 50px 0 30px 0;}
  
  .ww-devices-inner-tab img{width: 65%;}
  .element-domain {right: -7%;}
  .ww-devices-inner .desktop-img{width:50%;}
  .ww-devices-inner-desktop{padding: 35px 0 40px 0px;}
  .lacosta-domain p{margin: 10px 0 0 0px;}
  .villas-domain {right: -45px;}
  .mi-domain p {margin: 0 0 0 0px;}
.dot-txt ul li {font-size: 26px;line-height: 36px;}
.dot-txt {padding: 35px 0 30px 0;}
.site-info a {font-size: 30px;line-height: 42px;}
.site-info p a {font-size: 30px;}
.mijalisco-img{right: -106px;}
.mob-website-name{display:block;}
  .website-name-desktop{display:none;}


.ww-text img{width:100%;}


.lacosta-img{position: unset;}
.element-domain{position: unset;}
.mijalisco-img {right: -87px;position:unset;}
.villas-domain{position:unset;}
.element-img img{width:45%;margin: 0 auto;}
.mijalisco-img img{width:34%;margin: 0 auto;}
.landscape-img img{width:34%;margin: 0 auto;}

.ww-mobile-device{margin: 30px 0 0 0;}
 
 .element-domain p a {font-size: 24px;line-height: 30px;}
 .lacosta-domain p a {font-size: 24px;line-height: 30px;}
.website-name p a {font-size: 24px;line-height: 30px;}
.villas-domain p a {font-size: 24px;line-height: 30px;}
.mi-domain p a{font-size: 24px;line-height: 30px;}

.napa-county-awards{padding:80px 0 0 0;}

    
}