@media (min-width:400px) {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
    }

    .header {
        background: #fff;
        border-bottom: 1px solid #eee;
    }

    .nav-container {


        padding: 10px 10px;
        display: flex;
        align-items: center;

    }


    .logo {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .logo img {
        width: 9rem;
    }

    .logo span {
        font-size: 22px;
        font-weight: bold;
        color: #222;
    }

    /* Menu */
    .menu {
        display: none;
        gap: 25px;
    }

    .menu a {
        text-decoration: none;
        color: #333;
        font-size: 15px;
        font-weight: 500;
    }

    .menu a:hover {
        color: #ff4d4d;
    }



    /* Right */
    .right {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .phone {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #ff4d4d;
        font-weight: 500;
    }

    .searchicon {
        background-color: #ff4747;
        padding: 1rem;
        margin-left: 8rem;
    }

    .contact{
        display: none;
    }

    .icon8{
        display: none;
    }




    /*  main */
    /* section-1 */
    .container2 {
        background-image: url(./images/swizelend.png);
        background-size: cover;
        height: 40vh;
        width: 100%;
    }

    .text1 {
        display: flex;
        flex-direction: column;
        padding-top: 8rem;
        align-items: center;
        color: rgb(255, 255, 255);
        gap: 1rem;
    }

    .switzerland {
        font-family: "Lucida Handwriting", cursive;
        font-weight: 400;
        font-style: normal;
        font-size: 3rem;
    }

    .pixel {
        font-family: "Elms Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-size: 16px;

    }

    .Explore {
        font-family: "Elms Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-size: medium;
        padding: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        background-color: #1ec6b6;
        border: none;
        color: white;
        border-radius: 5px;

    }

    /* section-2 */

    .container3 {
        background-color: #040e27;
        width: 100%;
        height: 45vh;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .input {
        background-color: #040e27;
    }

    .w {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 25px;


    }

    .where {
        padding: 1rem;
        background-color: #040e27;
        color: grey;
        border: 1px solid grey;
        padding-right: 10rem;
        border-radius: 5px;
    }

    .date {
        padding-right: 213px;
    }


    .option {
        padding-right: 216px;
    }

    .search1 {
        padding: 16px;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 7px;
        background-color: #ff4747;
        border: none;
        color: white;
        font-size: medium;
    }

    /* section-3 */


    .text3 {
        margin: 3rem;
    }

    .Popular {
        font-size: 2rem;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 400;
    }

    .Suffered {
        font-weight: 400;
        color: grey;
    }

    .background-img {
        justify-content: center;
        align-items: center;
        margin: 5vw;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }


    /* 

    .img-1::before {
        content: "Italy";
        position: absolute;
        top: 78rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
    }

    .img-2::before {
        content: "Brazil";
        position: absolute;
        top: 95rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-3::before {
        content: "Amatica";
        position: absolute;
        top: 113rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-4::before {
        content: "Nepal";
        position: absolute;
        top: 130rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-5::before {
        content: "Maldives";

        position: absolute;
        top: 148rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-6::before {
        content: "Indonesia";
        position: absolute;
        top: 166rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    } */

    /* section-4 */

    .container5 {
        background-color: #3b495d;
        width: 100%;
        height: 40vh;
    }

    .Newsletter {
        font-size: 25px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 400;
    }


    .text4 {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        padding-top: 5rem;
    }

    .email {
        padding: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 5px;
        border: none;
    }

    .Subscribe {
        background-color: #ff4747;
        color: white;
        font-size: medium;
    }

    /* section-5 */

    .container6 {
        background-color: #f7fafd;
    }

    .text5 {
        text-align: center;
        margin: 2rem;
    }

    .pppp {
        font-weight: 500;
        font-family: sans-serif;
        font-size: 2rem;
        letter-spacing: 1px;
    }

    /* 
    section-6 */

    .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: grey;

    }

    .box-1 .place1 {

        border-radius: 5px;
    }

    .text-box {
        display: flex;
        flex-direction: column;
        font-family: sans-serif;
        font-weight: 300;
        gap: 1rem;
    }

    .California {
        color: black;
    }

    .watch {
        text-align: end;
    }



    .more-places {
        padding: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 3rem;
        background-color: #ff4747;
        color: white;
        font-size: medium;
        border: none;
        border-radius: 5px;
    }

    /* section-7 */


    /* section-8 */


    .service {
        text-align: center;
        display: flex;
        flex-direction: column;
        margin: 2rem;
        gap: 2rem;
    }

    .train-text {
        font-family: sans-serif;
        font-weight: 400;
        margin: 1rem;
        font-size: 25px;
    }

    .train-text-2 {
        font-family: sans-serif;
        font-weight: 300;
        gap: 1rem;
        color: grey;
        margin: 1rem;
    }


    /* section-9 */

    .container10 {
        background-color: #f7fafd;
        padding: 4rem;
    }

    .girl {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .girl-text {
        font-weight: 400;
    }

    .girl-text-2 {
        color: grey;
        font-weight: 300;
    }

    /* section-10 */

    .container11 {
        margin: 2rem;

    }

    .container11-text {
        text-align: center;
        margin: 3rem;
        font-weight: 400;
        font-family: sans-serif;
        font-size: 2rem;

    }

    .recent {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: center;
    }

    .recent-img {
        border-radius: 5px;
    }

    .text-recent1 {
        color: grey;
        font-weight: 300;
        font-family: sans-serif;
        margin-top: 1rem;
    }

    .text-recent2 {
        font-weight: 400;
        font-family: sans-serif;
        font-size: 20px;
        letter-spacing: 1px;
    }

    /* .footer */

    .container12 {
        background-color: #040e27;
        color: white;
        padding: 2rem;

    }

    .travelo1 {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        color: #aab1b7;
        font-family: sans-serif;
        font-weight: 400;
        word-spacing: 1px;
        gap: 10px;
        margin: 1rem;
    }

    .icon-footer {
        display: flex;
        gap: 1rem;
        margin: 1rem;
    }

    .travelo1 ul li {
        list-style: none;
    }

    .travelo2 {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        color: #aab1b7;
        font-family: sans-serif;
        font-weight: 400;
        word-spacing: 1px;
        gap: 20px;
        margin: 1rem;
    }

    .conpany {
        font-size: x-large;
        color: white;

    }

    .travelo3 {
        color: #aab1b7;
        font-size: 15px;
        font-family: sans-serif;
        font-weight: 400;


    }

    .destination {
        font-size: x-large;
        font-weight: 400;

        color: white;
    }

    .popular {
        display: flex;
        flex-direction: row;
        word-spacing: 2rem;


    }

    .sauth {
        margin: 1rem;
    }

    .north {
        margin: 1rem;
    }

    .instagram {
        display: grid;
        grid-template-columns: repeat(3, 3fr);
        gap: 5px;
        margin-top: 1rem;

    }

    .imgfooter {
        width: 100%;
        border-radius: 10%;
    }

    hr {
        color: #aab1b7;
    }

    .copyright {
        text-align: center;
        color: #aab1b7;
        color: #aab1b7;
        font-size: 13px;
        font-family: sans-serif;
        font-weight: 400;
        word-spacing: 4px;
        margin: 1rem;
    }
}

@media (min-width:576px) {

    .searchicon {
        margin-left: 20rem;
    }

    /* section-2 */

    .container3 {

        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 3rem;

    }

    .input {
        background-color: #040e27;

    }

    .w {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 25px;
        text-align: start;


    }

    .where {
        padding: 1rem;
        background-color: #040e27;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        color: grey;
        border: 1px solid grey;
        padding-right: 10rem;
        border-radius: 5px;
        padding-right: 19rem;
    }

    .date {
        padding-right: 333px;
    }


    .option {
        padding-right: 342px;
    }

    .search1 {
        padding: 16px;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 7px;
        background-color: #ff4747;
        border: none;
        color: white;
        font-size: medium;
    }

    /* section-3 */

    .container4 {
        display: flex;
        flex-direction: column;
        justify-content: center;


    }

    .text3 {
        margin: 3rem;
    }

    .Popular {
        text-align: center;
        font-size: 2rem;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 500;
    }

    .Suffered {
        font-weight: 400;
        color: grey;

    }

    .background-img {
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;


    }

    .img-1 img {
        width: 90vw;
        margin-bottom: 2rem;
    }

    .img-2 img {
        width: 90vw;
        margin-bottom: 2rem;
    }

    .img-3 img {
        width: 90vw;
        margin-bottom: 2rem;
    }

    .img-4 img {
        width: 90vw;
        margin-bottom: 2rem;
    }

    .img-5 img {
        width: 90vw;
        margin-bottom: 2rem;
    }

    .img-6 img {
        width: 90vw;
        margin-bottom: 2rem;
    }



    /* .img-1 {
        background-image: url(./images/1.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 40px;


    }

    .img-2 {
        background-image: url(./images/2.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;

    }

    .img-3 {
        background-image: url(./images/3.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;

    }

    .img-4 {
        background-image: url(./images/4.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;

    }

    .img-5 {
        background-image: url(./images/5.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;

    }


    .img-6 {
        background-image: url(./images/6.png);
        height: 45vh;
        width: 90vw;
        background-size: cover;
        margin-bottom: 40px;
        background-repeat: no-repeat;

    } */


    /* 
    .img-1::before {
        content: "Italy";
        position: absolute;
        top: 84rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
    }

    .img-2::before {
        content: "Brazil";
        position: absolute;
        top: 110rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-3::before {
        content: "Amatica";
        position: absolute;
        top: 137rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-4::before {
        content: "Nepal";
        position: absolute;
        top: 164rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-5::before {
        content: "Maldives";

        position: absolute;
        top: 191rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-6::before {
        content: "Indonesia";
        position: absolute;
        top: 217rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    } */

    /* section-6 */

    .box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: grey;

    }



    .place1 {
        width: 90vw;
        border-radius: 5px;
    }

    .text-box {
        display: flex;
        flex-direction: column;
        font-family: sans-serif;
        font-weight: 300;
        gap: 1rem;
    }

    .California {
        color: black;
        font-family: 'Courier New', ;
        font-weight: 500;
        font-size: x-large;

    }

    .watch {
        text-align: end;
    }



    .more-places {
        padding: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 3rem;
        background-color: #ff4747;
        color: white;
        font-size: medium;
        border: none;
        border-radius: 5px;
    }

    /* section-7 */


    .videoplaza {
        width: 100vw;

    }


    /* section-10 */

    .recent {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: center;
    }

    .recent-img {
        width: 90vw;
    }

    .travelo1 img {
        margin-bottom: 1rem;
    }


}



@media (min-width:768px) {
    .searchicon {
        margin-left: 31rem;
    }

    /* section-1 */

    .container2 {
        background-image: url(./images/swizelend.png);
        background-size: cover;
        height: 70vh;
        width: 100%;
    }

    .text1 {
        display: flex;
        flex-direction: column;
        padding-top: 8rem;
        align-items: center;
        color: rgb(255, 255, 255);
        gap: 1rem;
    }

    .switzerland {
        font-family: "Lucida Handwriting", cursive;
        font-weight: 400;
        font-style: normal;
        font-size: 7rem;
    }

    .pixel {
        font-family: "Elms Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-size: 23px;

    }

    /* section-2 */

    .container3 {
        background-color: #040e27;
        width: 100%;
        height: 35vh;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .input {
        background-color: #040e27;
        display: flex;
        flex-direction: row;
        gap: 1rem;

    }

    .w {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 20px;


    }

    .where {
        padding: 1rem;
        background-color: #040e27;
        color: grey;
        border: 1px solid grey;

    }

    .search1 {
        padding: 16px;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 7px;
        background-color: #ff4747;
        border: none;
        color: white;
        font-size: medium;
    }

    /* section-3 */

    .container4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;


    }

    .text3 {
        margin: 3rem;
    }

    .Popular {
        text-align: center;
        font-size: 3rem;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: 500;

    }

    .Suffered {
        font-weight: 400;
        color: grey;

    }

    .background-img {

        display: grid;
        grid-template-columns: repeat(2, 2fr);
        gap: 1rem;
        position: relative;

    }



    .img-1 img {
        width: 45vw;

        margin-bottom: 2rem;
    }

    .img-2 img {
        width: 45vw;
        margin-bottom: 2rem;
    }

    .img-3 img {
        width: 45vw;
        margin-bottom: 2rem;
    }

    .img-4 img {
        width: 45vw;
        margin-bottom: 2rem;
    }

    .img-5 img {
        width: 45vw;
        margin-bottom: 2rem;
    }

    .img-6 img {
        width: 45vw;
        margin-bottom: 2rem;
    }

    /* .img-1::before {
        content: "Italy";
        position: absolute;
        top: 50rem;
        left: 1rem;
        color: #ff4747;
        font-size: 2rem;
    }

    .img-2::before {
        content: "Brazil";
        position: absolute;
        top: 110rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-3::before {
        content: "Amatica";
        position: absolute;
        top: 137rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-4::before {
        content: "Nepal";
        position: absolute;
        top: 164rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-5::before {
        content: "Maldives";

        position: absolute;
        top: 191rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    }

    .img-6::before {
        content: "Indonesia";
        position: absolute;
        top: 217rem;
        left: 2rem;
        color: #ff4747;
        font-size: 2rem;
        color: white;
    } */



    /* section-6  */

    .box {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .place1 {

        border-radius: 10px;
    }

    .box-1 img{
        width: 45vw;
    }

    .box,.box-1{
        margin-left: 9px;
    }





    .text-box {
        display: flex;
        flex-direction: column;
        font-family: sans-serif;
        font-weight: 300;
        gap: 1rem;
    }

    .California {
        color: black;
    }

    .watch {
        text-align: end;
    }



    .more-places {
        padding: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 3rem;
        background-color: #ff4747;
        color: white;
        font-size: medium;
        border: none;
        border-radius: 5px;
    }

    /* section-8 */


    .service {
        display: flex;
        flex-direction: row;
        margin: 2rem;
        gap: 2rem;
    }

    /* section- 10 */


    .recent {

        display: grid;
        grid-template-columns: repeat(2, 2fr);
    }

    .recent-img {
        width: 45vw;
    }

    /* footer */

    .TCPI {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
    }
}



@media (min-width:992px) {

    .menu {
        display: flex;
        padding: 1rem;
        margin-left: 5rem;
    }

    .searchicon {
        margin-left: 1px;
    }

    .contact{
        display: none;
    }

    .icon8{
        display: none;
    }




    /* section-1 */

    .container2 {
        background-image: url(./images/swizelend.png);
        background-size: cover;
        height: 85vh;
        width: 100%;
    }

    .text1 {
        display: flex;
        flex-direction: column;
        padding-top: 12rem;
        align-items: center;
        color: rgb(255, 255, 255);
        gap: 1rem;
    }

    /*  section-2 */

    .text2 {
        display: flex;
        justify-content: center;
        margin: 1rem;
    }

    /* section-3 */

    .Popular {
        font-weight: 400;
    }

    .background-img {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;

    }

    .img-1 img {
        width: 30vw;
    }

    .img-2 img {
        width: 30vw;
    }

    .img-3 img {
        width: 30vw;
    }

    .img-4 img {
        width: 30vw;
    }

    .img-5 img {
        width: 30vw;
    }

    .img-6 img {
        width: 30vw;
    }

    .italy {
        font-size: 20px;
    }

    /* section-4 */

    .text3 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .container5 {
        height: 30vh;
    }


    .email {
        padding: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 5px;
        border: none;
    }

    .Subscribe {
        background-color: #ff4747;
        color: white;
        font-size: 1rem;

    }

    /* .section-6 */

    .box {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .place1 {
        width: 100%;
        border-radius: 10px;
    }

    .box-1 img {
        width: 28vw;
        margin-left: 1rem;
    }

    .California {
        font-size: large;
        padding-left: 1rem;
    }

    .Suffered {
        padding-left: 1rem;
        font-size: medium;
    }

    .btn {
        text-align: center;
    }

    /* section-7 */

    .container8{
       margin-top: 3rem;
       margin-bottom: 10rem;
    }

    .videoplaza {
        width: 100%;
    }

    /* section- 9 */

    .container10{
        padding: 8rem;
        font-size: large;
    }

    /*  section- 10 */

    .recent{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        padding-right: rem;
    }

    .img1-recent img{
         width: 30vw;
        
    }

    /* Footer */

    .container12{
        padding-top: 6rem;
    }
   
    .TCPI{
        display: flex;
        gap: 2rem;
        padding-bottom: 7rem;
    }

    .instagram img{
         width: 7vw;
    }
.contact{

    display: flex;
}

.contact p{
    margin: 0;
    color: #5c5c5c;
    font-size: 15px;
}

.icon8{
    display: flex;
    gap: 18px;          /* badha icon ni same space */
}

.icon8 i{
    display: flex;
    color: #797979;
    font-size: 16px;
    cursor: pointer;
}

}


@media (min-width:1200px){
    .searchicon{
        margin-left: 10rem;
    }

    .contact{
        margin-left: 2rem;
    }

    
    .icon8{
        margin-left: 2rem;
    }

    .container3{
        height: 20vh;
    }
    .w{
        padding-right: 3rem;
    }

    /* section-8 */

    .service{
        text-align: center;
        justify-content: center;
        gap: 2rem;
        padding-bottom: 2rem;
    }

    /* section-10 */

    .recent{
        padding-bottom: 4rem;
         padding-top: 2rem;
    }

    /* footer */

      .TCPI{
        gap: 6rem;
      }
}


@media (min-width:1400px){
    .logo{
        padding-left: 3rem;
    }

    /* section-3 */

     .img-1 img {
        width: 25vw;
    }

    .img-2 img {
      width: 25vw;
    }

    .img-3 img {
        width: 25vw;
    }

    .img-4 img {
       width: 25vw;
    }

    .img-5 img {
       width: 25vw;
    }

    .img-6 img {
       width: 25vw;
    }

        /* section-7 */

         .box-1 img {
       
        margin-left: 1rem;
    }

    .TCPI{
        padding-left: 5rem;
    }

}

@media (min-width:1907px){
    .nav-container{
          align-items:end;
          justify-content: space-around;

    }

       /* section-3 */

      .box-1 img{
    width: 60vh;
   }

     .TCPI{
    gap: 5rem;
   }
}