/*===========================start media quiry=====================*/



@media (min-width: 300px) and (max-width: 500px) {

.formbox-square .pnl-body form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #81bbf5cf;
    height: 73vh!important;
    border-radius: 8px;

}


.formbox-square {
    padding: 30px 0 0!important;

}

.justify-content-center {
    justify-content: center !important;
    padding-left: 0 !important;
}


.dte::after {
    right: 9px !important;
}



.wrap-content-slide1 .tit1 {
    font-size: 24px;
}


.wrap-content-slide1 .txt1 {
    font-size: 34px;


}


.item-slick1, .item-slick2, .item-slick3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 54vh !important;
}
.item-slick-min {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 100px !important;
}


.trip-switch {
    display: flex;
    background-color: #1d79d5;
    padding: 5px;
    border-radius: 30px;
    float: left;
    margin-bottom: 15px;
    width: 198px!important;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    position: relative;
    z-index: 0;
}
}


/*============================ media quiery 300-500========================*/


@media (min-width: 768px) and (max-width: 992px) {

.video-popup-img {
    position: relative;
    background: #f7f7f7;
    padding: 20px 10px 2px 35px;
    text-align: left;
    margin-top: 140px;
    top: 100px;
    border-radius: 7px;
    width: 100%!important;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    box-shadow: 1px 2px 17px -1px #80808063;
}



.video-popup-1__head-Brg {
    background-image: url(../images/bg-intro-01.jpg);
    background-position: center;
    background-size: cover;
    height: 365px;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

}
/*============================ media quiery 768-992========================*/



@media (min-width: 600px) and (max-width: 1300px) {



.item-slick1, .item-slick2, .item-slick3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 69vh !important;
}

}

/*============================ media quiery 768-500========================*/



@media (min-width: 500px) and (max-width: 768px) {


.wrap-content-slide1 .tit1 {
    font-size: 28px;


}


.tit1 {
    font-family: Montserrat;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 30px;
    font-size: 24px;
    line-height: 1.1;
    color: white;
    text-transform: uppercase;
    letter-spacing: 3px;
    word-spacing: 5px;

}

}

/*============================ media quiery 600-500========================*/

@media (min-width: 500px) and (max-width: 600px) {


    .item-slick1, .item-slick2, .item-slick3 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 57vh !important;
}

}

/*============================ media quiery 768-600========================*/


@media (min-width: 600px) and (max-width: 768px) {

.video-popup-img {
    position: relative;
    background: #f7f7f7;
    padding: 20px 10px 2px 35px;
    text-align: left;
    margin-top: 140px;
    top: 100px;
    border-radius: 7px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}


.video-popup-img {
    position: relative;
    background: #f7f7f7;
    padding: 20px 10px 2px 35px;
    text-align: left;
    margin-top: 140px;
    top: 100px;
    border-radius: 7px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

}


@media (min-width: 300px) and (max-width: 500px) {


.video-popup-1__head-Brg {
    background-image: url(../images/bg-intro-01.jpg);
    background-position: center;
    background-size: cover;
    height: 802px;
}
}



@media (min-width: 1400px) and (max-width: 1520px) {

.formbox-square .pnl-body form .form-field {


    padding: 10px 0!important;
}


}


@media (min-width: 992px) and (max-width: 1440px) {

.formbox-square .pnl-body form .form-field {


    padding: 10px 0!important;
}


.ctrl-wraper2{
    width: 100%!important;

}
}



@media (min-width: 768px) and (max-width: 1400px) {


    .formbox-square .pnl-body form .form-field.icon-location::after {
    content: "";
    display: none;
}

.formbox-square .pnl-body form .form-field.icon-calendar::after {
    content: "";
    display: none;
}

.formbox-square .pnl-body form .form-field::after {
    font-size: 32px;
    display: none;

}
}


@media (min-width: 768px) and (max-width: 1250px) {




.formbox-square {

    max-width: 100%;
    width: 100%;
    padding: 20px 0!important;
}

.formbox-square .pnl-body form .form-field {
    width: 100%!important;


}

}




@media (min-width: 768px) and (max-width: 992px) {

.formbox-square .pnl-body form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #81bbf5cf;
    height: 40vh!important;
    border-radius: 8px;
}

.formbox-square .pnl-body form .form-field input.inputype1 {

    border-bottom: 1px solid #1d79d5 !important;


}


}

@media (min-width: 500px) and (max-width: 768px) {

.formbox-square .pnl-body form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background: #81bbf5cf;
    height: 61vh!important;
    border-radius: 8px;
}


.dte::after {
    right: 10px !important;
}

}



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

.formbox-square .pnl-body form {

    height: 23vh !important;

}

}




@media (min-width: 500px) and (max-width: 768px) {


.formbox-square .pnl-body form .form-field::after {

    right: 33px!important;
}

}

@media (min-width: 500px) and (max-width: 657px) {


.justify-content-center {
    justify-content: normal;
    padding-left: 0!important;


}

}



@media (min-width: 599px) and (max-width: 768px) {

.iso {
    position: absolute;
    width: 15%;
    left: 24px;
    top: 23px;

}

}

@media (min-width: 300px) and (max-width: 599px) {

.iso {
    position: absolute;
    width: 15%;
    left: 24px;
    top: 23px;

}

}



@media (min-width: 300px) and (max-width: 599px) {


.video-popup-img {
    position: relative;
    background: #f7f7f7;
    padding: 20px 10px 2px 35px;
    text-align: left;
    margin-top: 140px;
    top: 100px;
    border-radius: 7px;
    width: 100%!important;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

}



@media (min-width: 300px) and (max-width: 470px) {

.iso {
    position: unset;
    width: 15%;
    left: 8px;
    top: 23px;
    margin-left: auto;
    margin-right: auto;
    display: block;


}

}



@media (min-width: 300px) and (max-width: 366px) {

.tit7{

line-height: 46px;

}
}


@media (min-width: 300px) and (max-width: 499px) {


.formbox-square .pnl-body form .form-field::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 40px;
    font-family: "gotraveller";
    font-size: 36px;
    bottom: 20px;
    right: 32px!important;
    color: #fff;
}
}


@media (min-width: 300px) and (max-width: 400px) {


.iso {
    position: unset;
    width: 24%!important;
}
}