:root {
    --blue: #0084c1;
    --whit:#ffffff;
    --black:#000000;
  }

  @media(min-width: 1921px) and (max-width: 2600px){

  .our-most-popular {
    text-align: center;
    margin-top: 10%;
}
  }



@media(min-width: 820px) and (max-width: 1180px){
	
	.testmonialMain .testmonial-text-name-right {
    text-align: right;
    margin: 0 -50px 0 0px;
    
}
		.locationFourBoxmain {
        flex-wrap: wrap;
                gap: 70px !important;
		
}
	.video-four-box {
   
    padding-bottom: 0px;
}
	
	#blogpost .home-blog-box-text {
    min-height: 397px;
}
	
	.testmonialMain .testmonial-text {
    width: 45% !important;
}
	.blogInner .home-blog-box-text ul {
    display: flex;
    flex-direction: row;
}

    .our-most-popularbox a {
       
        line-height: 30px;
        padding: 8px 0px 0px;
        font-size:20px;
    }

    #cssmenu > ul > li > a {
        padding: 16px 6px;
        font-size: 14px;
    }

    .our-most-popularbox:nth-child(2) img {
        height: 100%;
    }

    #hometestmonial .owl-next span {
       
        right: 0px;
    
    }
    .testmonial-text {
       
        padding: 40px;
       
    }
    #hometestmonial .owl-prev span {
        left: 0px;
    }
    .mrnuAndLogo {
        padding: 10px 28px;
    }
    .our-most-popularbox {
        width: 300px;
        height: 372px;
        background-size: contain;
    }
    .our-most-popularbox h5 {
        padding: 11px 0px 0px;
    }
    .our-sarvices {
        width: 25%;
    }
    .footer-contact {
        width: 22%;
    }
    .why-is-our-main-icone {
        align-items: center;
    }
    /* .testimonial .container {
        max-width: 900px;
    } */
    .testmonial-text {
        min-height: 320px;
    }

    .services-page-left img {
        height: 250px;
        width: 250px;
    }
    .top-bar .container {
        padding: 0px;
    }
    section.ser {
        padding-bottom: 70px !important;
    }
    .our-most-popularbox {
       
        height: 372px !important;
       
    }
    .testmonial-text-name-right {
        width: 49% !important;
    }
	.blogInner .home-blog-box-text {
    max-width: 100%;
    min-height: auto;
    padding: 20px;
}
	.blogInner .home-blog-box-text p {
    height: auto;
    min-height: auto;
}
	.the-best-choice-icone {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}
	section.home-blog.inner .home-blog-main .home-blog-box {
    width: 30%;
   
}

}


@media(min-width: 767px) and (max-width: 1024px){
	
	section.ser .container {
    width: 80%;
}
	
	.video-four-box {
    padding-bottom: 0px;
}

.the-best-choice-icone {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0px;
    margin-bottom: 20px;
}
	.the-best-choice-icone-left {
    margin-right: 20px;
}
	
		.testmonialMain .testmonial-text-name-right {
    text-align: right;
    margin: 0 -50px 0 0px;
    
}
	
	
	
		.locationFourBoxmain {
        flex-wrap: wrap;
        gap: 80px;
		
}
	.locationFourBoxmain .four-box {
    width: 40%;
   
}
	
	.testmonialMain .testmonial-text {
    width: 100%;
    min-height: auto;
    position: relative;
}
	
	.blogInner .home-blog-box-text ul {
    display: flex;
    flex-direction: row;
}
	.blogInner .home-blog-box-text p {
    height: auto;
    min-height: auto;
}
    h1 {
        font-size: 35px;
    }
    section.ser {
        padding-bottom: 0px;
    }

    .top-bar .container {
        padding: 0px;
    }

    .testmonial-text-name-right {
       
        width: 27%;
       
    }

    .testmonial-text {
       
        padding: 40px;
       
    }

    .services-page-left img {
        height: 200px;
        width: 200px;
    }

    #hometestmonial .owl-next span {
       
        right: 0px;
    
    }
    #hometestmonial .owl-prev span {
        left: 0px;
    }
    .mrnuAndLogo {
        padding: 0px;
    }
    .our-most-popularbox {
        width: 300px;
        height: 320px;
        background-size: contain;
    }
    .our-most-popularbox h5 {
        padding: 11px 0px 0px;
        font-size: 16px;
        line-height: 22px;
    }
    .our-sarvices {
        width: 25%;
    }
    .footer-contact {
        width: 22%;
    }
    .why-is-our-main-icone {
        align-items: center;
    }
    /* .testimonial .container {
        max-width: 650px;
    } */
    .testmonial-text {
        min-height: auto;
    }
    .home-blog-box-text {
        padding: 5px;
        width: 100%;
        margin: 10px auto 0px;
        min-height: 510px;
    }
    .home-blog-main {
        align-items: flex-start;
    }
    .home-blog-box-text h6 {
        font-size: 15px;
    }
    .footer-box {
        width:48%;
    }
    .our-sarvices {
        width: 48%;
    }
    .footer-contact {
        width: 48%;
    }
    .footer-quick {
        width: 48%;
    }
    .footer-main {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .home-blog-box-text ul {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }
	
.page-id-43 .home-blog-box-text ul {
        align-items: flex-start;
        flex-direction: row;
    }
	
    .video-four-box-main {
        gap: 10px;
    }
    .video-four-box-right-box {
        gap: 0px;
        row-gap: 0px;
    }
    .home-about-main-text {
        top: 200px;
        right: 0px;
    }
    /* .our-most-popularbox:nth-child(2) img {
        height: 80%;
    } */

    .our-most-popularbox:nth-child(2) img {
        height: auto;
    }

    .our-most-popularbox a {
       
        line-height: 20px;
        padding: 18px 0px 0px;
        font-size: 15px;
    }

    #home-slider .owl-nav {
      
        bottom: 5px;
        right: 20px;
    }
 
    .custom_header_fixed .logo {
        top: 10px;
    }
    .custom_header_fixed #cssmenu > ul > li > a {
        padding: 15px 10px;
        
    }
		#blogpost .owl-prev span {
    left: 0px;
}
	#blogpost .owl-next span {
    right: 0px;
}
	.blogInner .home-blog-box-text {
    max-width: 100%;
    min-height: auto;
    padding: 20px;
}
.sub-menu-toggle:after{
		display:none;
	}
	
	.home-about-main {
   
    gap: 0;
}
	.home-about-main-img {
    margin-right: 40px;
}
	.home-about-icone-contant {
    gap: 0;
}
	.home-blog-box {
    margin-right: 15px;
}
	.home-about-main-content-img {
    margin-right: 11px;
}
	.four-box {
    margin: 20px 20px 60px 20px;
}
	
	.why-is-our-main {
    gap: 0;

}
	.why-is-our-main-left {
    margin-right: 30px;
}
	.home-blog-main {
    
    gap: 0px;
}
	.contact-gg {
    gap: 0;
}
	.contact-p-box-main {
   
    gap: 0;
   
}
	.contact-p-box {
    
    margin-bottom: 30px;
}
	.contact-p-box-main {
    margin-right: 30px;
}
	section.home-blog.inner .home-blog-main .home-blog-box {
    width: 30%;
   
}
}

@media screen and (max-width:767px){
	
	.page-id-43 .home-blog-box {
    flex-direction: column;
}
	
	.page-id-43 .home-blog-box {
    margin: 0%;
}
	.page-id-43 .home-blog-box-img {
    margin-right: 0px;
}
	.page-id-43 .home-blog-box-text {
    margin-top: 20px;
}
	
	.home-blog-box-text {
    min-height: auto;
}
	.whistlerServicebox {
    margin-bottom: 50px;
}
	.whistlerServicebox:last-child {
    margin-bottom: 0px;
}
	section.locationInner .the-best-choice-for {
    gap: 0px;
}
	.the-best-choice-for-left {
    margin-bottom: 30px;
}
	
	.the-best-choice-icone-left img {
    width: 60px !important;
}
	
	.whistlerServicesmMain {
    justify-content: center;
    gap: 0px;
    flex-direction: column;
    align-items: center;
}
	
	.contact-p-box-main {
   
    gap: 0px;
}
	.whistlerServicebox {
    width: 100%;
}
	.whistlerServicebox a {
    margin-top: 30px;

}
	.sub-menu-toggle:after{
		display:none;
	}
	.contact-p-box {
    margin-bottom: 20px;
}
	
	.locationFourBoxmain {
    flex-direction: column;
}
	.locationFourBoxmain .four-box {
    width: 100% !important;
    margin-bottom: 40px !important;
}
	.panel-group {
    margin-bottom: 0px;
}
	.panel-default>.panel-heading a {
    padding: 9px 7px;
}
	.locationFourBox {
    padding-top: 50px;
}
	.services-page-right:last-child p {
    padding-bottom: 0px;
}
	
	.squamishTenTime .why-is-our-main-left {
    width: 100%;
    position: relative;
}
	.locationFourBoxmain .four-box:last-child {
    margin-bottom: 0px !important;
}
	
	.blogInnerSlider {
    padding-bottom: 100px;
}
.testmonialMain .testmonial-text-name-right {
    margin: 0 -26px 0 0px;
    display: flex;
	width:auto;
}

	
	#blogpost .owl-nav {
   
    top: auto;
    display: flex;
    width: 100%;
    right: 0px;
    justify-content: center;
    align-items: center;
    gap: 0px;
    bottom: -70px;
}
	
	button.owl-prev {
    margin-right: 20px;
}
	
	.blogInnerSlider h3 {
    padding-bottom: 30px;
}
	section.home-blog.inner .home-blog-box-text {
    min-height: 100%;
}
	
	#blogpost .owl-prev span {
    left: 0px;
}
	#blogpost .owl-next span {
    right: 0px;
}
    
    .home-about-main-img-home img {
  
    width: 100%;
    margin: 0 auto;
    max-width: 80%;
}
.home-about-main-img-home {
    text-align: center;
}

    
    .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-img {
    height: 300px;
}


    .top-bar .container {
        padding: 0px;
    }
    .custom_header_fixed .logo {
        top: 10px;
    }
    section.contact-section-a h3 {
       
        line-height: 30px;
        padding-bottom: 20px;
    }

    .custom_header_fixed #cssmenu > ul > li > a {
        padding: 15px 10px;
    }

    .our-location {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .contact-gg {
        flex-direction: column;
        gap: 0px;
    }
	.contact-p-box-main {
    margin-bottom: 20px;
}

    .contact-p-box-main {
        width: 100%;
    }

    .form-gg {
        width: 100%;
    }


    .inner-banner {
        height: 150px;
    }
    .inner-banner img {
        height: 100%;
        object-fit: cover;
    }

    .services-page-left img {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        border-radius: 0px;
    }
    .inner-banner-header h1 {
        padding: 12px;
        font-size: 15px;
    }

 .services-page-main {
    flex-direction: column !important;
}
	.home-blog-box-img img {
    width: 100% !important;
    max-width: 100% !important;
}

    .services-page-left {
        width: 100%;
    }

    .services-page-right {
        width: 100%;
    }
    .services-page-right h4 {
        padding-bottom: 10px;
        line-height: 25px;
    }

    .home-about-main-img {
        width: 100%;
        
    }
    .home-about-main {
        flex-direction: column;
    }
    .home-about-main-content {
        width: 100%;
    }
    .home-about-icone-contant {
        align-items: center;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 16px;
    }
    .our-most-popular-main {
       
        flex-direction: column;
    }
    .our-most-popularbox:nth-child(2) {
        background-image: none;
        width: 100%;
        height: auto;
		margin:0px;
    }
    .the-best-choice-for {
       
        flex-direction: column;
    }
    .the-best-choice-for-left {
        width: 100%;
    }
    .the-best-choice-for-right {
        width: 100%;
    }
    h5 {
        font-size: 16px;
    }
    .the-best-choice-for-left h5 {
        line-height: 24px;
        padding-bottom: 20px;
    }
    .video-four-box-main {
        
        flex-direction: column;
    }
    .video-four-box-left {
        width: 100%;
    }
    .video-four-box-right {
        width: 100%;
    }
    .video-four-box-right-box {
        flex-direction: column;
        margin-top: 30px;
    }
    .four-box {
        width: 100%;
    }
   
    .testmonial-text-name-left {
        width: 100%;
    }
    .testmonial-text-name-right {
       
        width: 70%;
    }
    .testmonial-text-name-left h6 {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 9px;
    }
    .why-is-our-main {
        flex-direction: column;
    }
    .why-is-our-main-left {
        width: 100%;
    }
    .why-is-our-main-right {
        width: 100%;
    }
    .why-is-our-main-icone {
        align-items: center;
    }
    .why-is-our-main-right p:last-child {
        padding-bottom: 0px;
    }




    .home-about-main-content p:last-child {
        margin-bottom: 0px;
    }

    section {
       
        padding: 50px 0;
        
    }
    .home-about {
        padding-top: 70px;
    }

    .our-most-popular-main {
        
        margin-top: 20px;

    }

    .our-most-popularbox {
        margin: 0 auto;
    }

    .contact-home h3 {
        font-size: 20px;
    }
    .contact-home a {
      
        font-size: 20px;
        margin-top: 10px;

    }
    .home-blog-main {
        
        flex-direction: column;
    }
    .home-blog-box {
        width: 100%;
        border-radius: 10px;
        margin-bottom: 30px;
    }
    .home-blog-box:last-child {
        margin-bottom: 0px;
    }
    .footer-main {
        flex-direction: column;
    }
    .footer-box {
        width: 100%;
    }
    .footer-quick {
        width: 100%;
    }
    .our-sarvices {
        width: 100%;
    }
    .footer-contact {
        width: 100%;
    }
    .footer-quick ul {
        margin-bottom: 16px;
    }
    #hometestmonial .owl-prev span {
       
        left: 0;
    }
    #hometestmonial .owl-next span {
      
        right: 0;
        
    }
    #hometestmonial .owl-nav {

        right: 0;
        gap: 14px;
        justify-content: flex-end;
        align-items: center;
        bottom: -50px;
        display: none;
    }
    .contact-home {
        padding: 20px;
    }
    .home-blog h3 {
        
        margin-bottom: 30px;
    }
    .testmonial-text {
        min-height: auto;
        overflow-x: scroll;
        height: 300px;
    }

    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 20px;
    }

    .banner-text h1 {
        line-height: 25px;
        display: none;
    }
    .banner-text a {
        margin: 3px 0 0 0px;
        font-size: 20px;

    }
    .banner-text h2 {
        margin-top: 0;
    }
    #home-slider .owl-nav {
        bottom: 9px;
        right: 6px;
        gap: 14px;
    }

    .banner-text {
        padding: 15px;
    }
    .top-bar-main {
        flex-direction: column;
    }
    .top-bar-left {
        padding: 7px 0px;
        clip-path: none;
        padding-right: 0px;
    }
    .top-bar-right {
        display: none;
    }
    .top-bar:after {
        width: 100%;
    }
	.home-blog.inner .home-blog-main .home-blog-box {
    width: 100%;
    margin-bottom: 30px;
}
.testmonialMain .testmonial-text {
    width: 100%;
}
	.inner-banner.single-post {
    height: auto;
}
	section.home-blog.inner .home-blog-main .home-blog-box {
    width: 100%;
   
}
	.home-about-main {
    gap: 0px;
}
	.home-about-icone-contant {
    margin-top: 20px;
}
	.video-four-box-right-box {
    gap: 0;
    row-gap: 0;
}
	.four-box {
    width: 100%;
    margin-bottom: 50px;
}
	.four-box:last-child {
    margin-bottom: 0px;
}
	.why-is-our-main-icone {
   
    gap: 0px;
}
	.why-is-our-main-ic {
    margin-right: 20px;
}
	.top-bar-left ul {
    gap: 0;
}
	.top-bar-left ul li {
    margin: 0 10px;
}
	.home-about-icone-contant {
   
    gap: 0px;
}
	.home-about-main-content-img {
    margin-right: 10px;
}
	.the-best-choice-icone {
    
    gap: 0;
   
}
	.video-four-box-left {
    margin-bottom: 50px;
}
	.the-best-choice-icone-left {
    margin-right: 10px;
}
	.video-four-box-main {
    gap: 0px;
}
	.services-page-main {
  
    gap: 0px;
}
	.services-page-left {
    margin-bottom: 30px;
}
.panel-default>.panel-heading a {
    font-size: 14px;
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	padding: 9px 11px;
}
	.panel-default>.panel-heading a:after {
    top: -2px;
    right: -5px;
}
	.locationInner {
    padding-bottom: 0px;
}
	.squamishTenTime .why-is-our-main {
    gap: 0px;
}
	.why-is-our-main-left {
    margin-bottom: 40px;
}
	.squamishTenTime {
    padding-top: 0px;
}
	.page-id-59 .locationInner {
    padding-bottom: 50px;
}
	.four-box {
    margin: 40px 0px;
}
	.contact-p-box-main {
    margin-right: 0;
}
}

