#container{
    border: tomato solid transparent;
    background-color: #fbf9f9 ;
    width:100%;
    height: 580px;
    display: flex;
}
.text{
    border: black solid transparent;
    width:50%;
    height: 100%;
    
}
.images{
    width: 100%;
    height: 25%;
    display: flex;
    gap:20px;
    margin-left: 60px;
}
.images>.img{
    width: 20%;
    height:100%;
}
.text>p:nth-child(1){
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 35px;
    word-spacing: 8px;
    margin-left: 40px;
}
.text>p:nth-child(2){
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
line-height: 25px;
word-spacing: 5px;
margin-left: 40px;
}
.bestsellerbutton{

    margin-left: 40px;
    margin-bottom: 20px;
    width: 180px;
    height: 50px;
    font-style: calc();
    font-size: 18px;
    font-weight: bold;
    background-color: black;
    color: white;
    border-width: 0px;

}
.bestsellerbutton:hover{
    background-color: rgb(199, 173, 107);
    color: honeydew;
}

.video{
    width: 50%;
    height: 100%;
    border: violet solid transparent;
}
.video>iframe{
    margin-left: 25px;
    margin-top: 35px;
}
#bestseller{
    border: black solid transparent;
    width: 100%;
    height: 100;
    background-color: white;
    
}
.bestsellertext{
    display: flex;
    justify-content: space-around;
    gap: 700px;
}
.bestsellertext>p{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 35px;
}
.bestsellertext>button{
    margin-top: 30px;
}
#selleritems{
    background-color: white;
    border: blue solid transparent;
    width: 100%;
    height: 600px;
    display: flex;
    gap: 8px;
    justify-content: center;
}
#selleritems>div{
    background-color:#fbf9f9 ;
    border:black solid transparent;
    width:23%;
    height: 580px;
    line-height: 20px;
}
#selleritems>div>p{
    
    word-spacing: 5px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 15px;
    margin-left: 15px;
}

#selleritems>div:nth-child(2) button{
    margin-top: 20px;
}
.bagbutton{
    margin-left: 15px;
    margin-bottom: 20px;
    width: 280px;
    height: 50px;
    font-style: calc();
    font-size: 15px;
    font-weight: bold;
    background-color: black;
    color: white;
    border-width: 0px;

}
.bagbutton:hover{
    background-color: rgb(199, 173, 107);
    color: honeydew;
}

@media screen and (max-width:780px){
    #container{
        flex-direction:column-reverse;
        padding:0px 20px;
        width: 100%;
        height:auto;
    }

    .video>iframe{
        width:100%;
        height:300px;
        margin: 0;
    }

    .text{
        width: 100%;
    }

    .video{
         margin-top:40px;
        width: 100%;
    }

    .bestsellertext {
        grid-gap:5px;
        padding:15px;
    }

    #selleritems > div:first-child , #selleritems > div:last-child{
            display: none;
    }

    #selleritems > div{
        width:95%;
        margin-left: 25px;
    }
}
@media screen and (max-width:450px){
     #container{
        width: auto;
        height:auto;
    }

    
    .text > p{
        margin-left:0;
    }

    .text>p:nth-child(1){
        font-size:30px;
        margin-bottom:10px;
        margin-left: 0px;
        word-spacing:0px;
    }

    .text>p:nth-child(2){
        margin-left: 0px;
    }

    .images{
        margin-left:0px;
        height:auto;
        margin-bottom: 10px;
    }

    .bestsellerbutton{
        font-size:15px;
        margin-left:0px;
    }
    .video{
        margin-top:25px;
        width:100%;
        height:auto;
    }

    .video>iframe{
        height:200px;
    }

    /*Product */
    #selleritems{
        flex-direction: column;
        height: auto;
        padding:10px;
    }
    
    .bagbutton{
        margin-left: 33px;
    }

    .bestsellertext {
        grid-gap:5px;
        padding:15px;
    }
    .bestsellertext>p{
        font-size: 25px;
    }

     #selleritems > div{
        margin-left: 0px;
    }
}