/*--mac book pro , and mac-book retina display screen---*/
@media screen and (min-width: 2560px) {
    .header__logo{

    }
    .header__burger {
        display: none;
    }
    
    .header__buttons {
        
    }
    
}
@media only screen and (min-width: 1620px) and (max-width: 2560px) {
    .header__logo{

    }
    .header__burger {
        display: none;
    }
    
    .header__buttons {
        
    }
}

/*--cover up mac , mac-book---*/
@media only screen and (min-width: 640px) and (max-width: 1580px) {
    header{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header__burger {
        display: block;
    }
    
    .header__buttons {
        display: none;
        
    }

    main{
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }
    main::after {
        display: none;
    } 
    
    /* || Main */
    main{
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }
    main::after {
        display: none;
    }

    .container {
        /* border: 5px solid lightgreen; */
        width: 100%;
        margin-top: -1em;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1em;
    }
    .video iframe{
        height: 45vh;
        width: 55vw;
    }
    .form {
        top: 0;
        left: 15%;
        height: 50vh;
        width: 62vw;
        padding: 1em; 
    }
    .form__inputs {
        font-size: 1em;
    }

    /* || Character */
    .character__tallbot {
        width: 1300px;
    }
    .character__tamara img:first-child {
        width: 75%;
    }

}




/* For Mobile Portrait View */
@media screen and (max-width: 480px) and (orientation: portrait) {
    
}

/* For Mobile Landscape View */
@media screen and (max-width: 640px) and (orientation: landscape) {
    
}

/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-width: 640px) {
    /* || Header */
    header{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header__logo img{
        width: 10em;
    }
    .header__burger {
        display: block;
    }
    
    .header__buttons {
        display: none;
        
    }

    /* || Main */
    main{
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }
    main::after {
        display: none;
    }

    .container {
        /* height: 55vh; */
        height: auto;
        /* border: 5px solid lightgreen; */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1em; 
    
    }
    .video iframe{
        height: 35vh;
        width: 100%;
    }
    .form {
        /* height: 50vh; */
        height: auto; /* Adjust height based on content */
        width: 100%; /* Full width for mobile */
        padding: 1em; /* Padding to ensure no overflow */
        box-sizing: border-box;
    }
    .form__inputs input {
        font-size: 1.2em; /* Adjust font size */
        width: 100%; /* Full width for input fields */
        margin-top: .8em;
    }

    .email-text{
        font-size: 0.8rem;
    }

    /* || Character */
    .character__tallbot {
        top: -15%;
        right: -70%;
        width: 650px;
    }
    .character__tamara img:first-child {
        display: none;
    }
    .character__tamara img:last-child {
        left: -150px;
    }
}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-width: 320px) and (-webkit-min-pixel-ratio: 2) {
    
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-pixel-ratio: 2) {
    
}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-height: 667px) and (min-width: 375px) and (-webkit-min-pixel-ratio: 3) {
    
}