.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.column {
  float: left;
  width: 50%;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}



.mob-grid-cjapp1 {  
    display: grid;  
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fit, minmax(350px, 450px));
    grid-template-rows: 200px; 
    justify-content: center;
}

.mob-grid-cjapp1 > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}



.mob-grid-cjapp {  
    display: grid;  
    grid-gap: 15px;  
    grid-template-columns: repeat(auto-fit, minmax(199px, 205px));
    grid-template-rows: repeat(1, 58px); 
    justify-content: center;
}

.mob-grid-cjapp > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}




.mob-grid-container {  
    display: grid;  
    grid-gap: 15px;  
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
    grid-template-rows: repeat(1, 47px); 
    justify-content: center;
}

.mob-grid-container > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}



.mob-grid-button {  
    display: grid;  
    grid-gap: 15px;  
    grid-template-columns: repeat(auto-fit, minmax(280px, 290px));
    grid-template-rows: repeat(1, 47px); 
    justify-content: center;
}

.mob-grid-button > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}




.mob-grid-container2 {  
    display: grid;  
    grid-gap: 25px;  
    grid-template-columns: repeat(auto-fit, minmax(302px, 315px));
    grid-template-rows: repeat(1, 390px);
    justify-content: center;
}


.mob-grid-container2 > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}


.mob-grid-contain-2col {  
    display: grid;  
    grid-gap: 45px;  
    grid-template-columns: repeat(auto-fit, minmax(302px, 335px));
    grid-template-rows: repeat(1, 525px);
    justify-content: center;
}


.mob-grid-contain-2col > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}


.mob-grid-contain-gtours {  
    display: grid;  
    grid-gap: 20px;  
    grid-template-columns: repeat(auto-fit, minmax(350px, 375px));
    grid-template-rows: repeat(1, 430px);
    justify-content: center;
}


.mob-grid-contain-gtours > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}


.mob-grid-contain-lcavid {  
    display: grid;  
    grid-gap: 8px;  
    grid-template-columns: repeat(auto-fit, minmax(400px, 420px));
    grid-template-rows: repeat(1, 230px);
    justify-content: center;
}


.mob-grid-contain-lcavid > div > img {  
    width: 100%;  
    height: 100%;  
    object-fit: cover;  
}