body{
        margin:0;   
    }

    /* ========================================= NAV BAR================================ */
    /* =================================================================================== */

    #logo{
        height:70px;
        width:170px;
        margin-left: 18px;
        margin-top:10px;
    }
    .nav{
        width:100%;
        position:fixed;
        top:0;
        height:120px;
        z-index: 6;
    }

    #topnav{
        background-color: black;
        top:0;
        height:90px;
    }

    #topnavcontainer{
        height:90px;
        top:0;
        left:320px;
        position: absolute;
        margin:auto;
        display:flex;   
    }

    #country{
        margin:auto 30px;
        width:89px;
    }

    #searchbarcontainer{
        margin:auto 0;
        width:100%;
        position: relative;
        display:inline-flex;
    }

    #searchicon{
        left:-40px;
        margin:auto;
        position: relative;
        height:16px;
        width:16px;
    }

    #searchbar{
        margin:auto 0;
        border-radius: 20px;
        height:30px;
        width:600px;
    }

    /* .topnaviconcontainer{
        height:100px;
        width:200px;
        margin:auto;
        position: absolute;
        right: 25px;
        top:10%;
        display: inline-block;
    }  */

    .topnaviconcontainer{
        height:60px;
        width:150px;
        margin:auto;
        position: absolute;
        right: 5px;
        top:6%;
    }

    .topnavicon{
        display: inline-block;
        margin:10px;
    }

    .topnavicon:hover{
        transform: scale(1.1);
    }

    .topnaviconcontainer img{
        height: 30px;
        width:30px;
        display: block;
        margin:auto;
        margin-bottom: 5px;
    }

    .topnaviconcontainer a{
        display: block;
        text-align: center;
        text-decoration: none;
        color:white;
        font-family:'Roboto', sans-serif;
        font-size:12px;
    }

/* ========================================= NAV MENU ========================================== */

    #bottomnav{
        width: 100%;
        height:30px;
        position: relative;
    }

   .menubar{
       background-color: rgb(22, 22, 22);
       height:30px;
       width: 100%;
       position: absolute;
       display: inline-block;
   }

   .menubar a{
       text-align: center;
       padding:7.3px 20px;
       text-decoration: none;
       color:white;
       font-size:13px;
       background-color:  rgb(22, 22, 22);
       margin:0;
       float: left;
       font-family:'Roboto', sans-serif;
   }

   .menubar a:hover{
    background-color:#eac424;
   }

.dropdown{
    float: left;
    overflow: hidden;
}

.dropdown .dropdownbutton{
    background-color: inherit;
    font-family: inherit;
    padding:7.3px;
    color:white;
    font-size:13px;
    border: none;
    margin-left:20px;
    margin-right:15px;
    font-family:'Roboto', sans-serif;
    
}

.dropdowncontent{
    display:none;
    position: absolute;
    min-width:200px;
    box-shadow: 1px 8px 16px 1px rgba(36, 36, 36, 0.726);
    z-index: 1;
    font-family:'Roboto', sans-serif;
    
}

.dropdowncontent a{
    display:block;
    float:none;
    text-align: left;
    padding: 10px 0 10px 28px;
    text-decoration: none;
    background-color: rgb(53, 53, 53);
    font-size: 10px;
    font-family:'Roboto', sans-serif;
}

.dropdown:hover{
    background-color:#eac424;
}   

.dropdown:hover .dropdowncontent{
    display:block;
}

.dropdowncontent a:hover {
    background-color: #777777;
}
/* ========================================= NAV MENU ========================================== */

   /* ========================================= NAV BAR================================ */
   /* =================================================================================== */


    .box{
        background-color: rgba(223, 223, 223, 0.24);
        width:1150px;
        height:1150px;
        margin:140px auto 50px;
    }

    .box a{
        text-decoration: none;
    }

    .box_product_page{
        background-color: rgba(223, 223, 223, 0.24);
        width:1150px;
        height:1750px;
        margin:140px auto 50px;
    }

    .box_product_page a{
        text-decoration: none;
    }

    .box_cart_page{
        background-color: rgba(223, 223, 223, 0.24);
        width:1150px;
        height:690px;
        margin:140px auto 50px;
    }

    .box_cart_page a{
        text-decoration: none;
    }

/* ============================ Product Row =================================== */

    .photo_container_firstline{
        padding:5px;
    }

    .photo_container_firstline p{
        font-family: 'Roboto', sans-serif;
        display:inline-block;
        text-align: center;
        margin:15px 102px 15px 110px;
        font-size: 25px;
        font-weight: 900;
        color:black;
        text-shadow:1px 1px rgb(107, 107, 107);
    }

    .photo_container_firstline p::first-line{
        color:#eac424;
        font-size: 40px;
        text-shadow:2px 2px rgb(0, 0, 0);
    }

    .photo_container_firstline img{
        display:inline-block;
        width:558px;
        margin:5px;
    }

    .photo_container_firstline img:hover{
        box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.164);
    }

/* ============================ Product Row =================================== */

    .photo_container_secondline{
        padding:5px;
    }

    .photo_container_secondline p{
        font-family: 'Roboto', sans-serif;
        display:block;
        text-align: left;
        margin:15px 5px;
        font-size: 25px;
        font-weight: 900;
        color:black;
        text-shadow:1px 1px rgb(107, 107, 107);
    }

    .photo_container_secondline p::first-line{
        color:#eac424;
        font-size: 40px;
        text-shadow:2px 2px rgb(0, 0, 0);
    }

    .photo_container_secondline img{
        display:inline-block;
        width:367px;
        margin:5px;
    }

    .photo_container_secondline img:hover{
        box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.164);
    }

/* ============================ Product Row =================================== */

    .photo_container_thirdline{
        padding:5px;
    }

    .photo_container_thirdline p{
        font-family: 'Roboto', sans-serif;
        display:block;
        text-align: left;
        margin:15px 5px;
        font-size: 25px;
        font-weight: 900;
        color:black;
        text-shadow:1px 1px rgb(107, 107, 107);
    }

    .photo_container_thirdline p::first-line{
        color:#eac424;
        font-size: 40px;
        text-shadow:2px 2px rgb(0, 0, 0);
    }

    .photo_container_thirdline img{
        display:inline-block;
        width:214px;
        margin:5px;
    }

    .photo_container_thirdline img:hover{
        box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.164);
    }
/* ============================ Product Row =================================== */

/* ============================ Footer =================================== */
.floatbacktotop{
    position:fixed;
    right:25px;
    bottom:180px;
    height:25px;
    width:25px;
}

.floatbacktotop img{
    height:25px;
    width:25px;
}

.floatbacktotop:hover{  
    transform: scale(1.3);
}



.backtotop{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color:rgba(255, 255, 255, 0.438);
    padding:5px;
    font-size: 12px;
    background-color:rgb(29, 29, 29);
}

footer a{
    text-decoration: none;
}

.backtotop:hover{
    background-color:rgb(53, 53, 53);
}

footer{
    width:100%;
    height:150px;
    background-color: black;
}

.footerbarcontainer{
    margin:35px;
    text-align: center;
    
}

.footerbar{
    color:rgba(255, 255, 255, 0.438);
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
}   

.footerbar a{
    text-decoration: none;
    color:rgba(255, 255, 255, 0.438);
    font-size:14px;
    margin:20px;
}

.footerbar a:hover{
    color:#eac424;
}

.footerbar p{
    text-decoration: none;
    color:#eac424;
    margin:25px;
}

/* ============================ Footer =================================== */

/* ============================ Product page =================================== */

.productcontainer{
    padding:15px 35px;
    margin:auto;
    position: relative;
}

/* ======================== Product information =================================== */

.productinfo{
    height:600px;
    width:280px;
    display: inline-block;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    display:block;
    text-align: left;
    margin:15px 0;
    font-size: 22px;
    font-weight: 900;
    color:rgb(53, 53, 53);
    text-shadow:1px 1px rgb(107, 107, 107);
    background-color: gre;
}

.productinfo::first-line{
    font-family: 'Roboto', sans-serif;
    display:block;
    text-align: left;
    margin:15px 0;
    font-size: 30px;
    font-weight: 900;
    color:black;
    text-shadow:1px 1px rgb(107, 107, 107);
}

#productinfoimg img{
    height:100px;
    width:100px;
    margin: 15px 0 15px 0px;
    border-radius: 10px;
    display: inline;
}

.productinfo p{
    color:rgb(53, 53, 53);
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    text-shadow:none;
    text-align: left;
    
}




#productdetail{

    top:68px;
    left:120px;
    display:inline-block;
    position: absolute;

}

#productdetail p{
    margin:7px;
    margin-left: 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: rgb(0, 0, 0);

}
#productdetail ul{
margin:0;
margin-left: 8px;
padding:0;

font-family: 'Roboto', sans-serif;
color: rgb(0, 0, 0);
text-shadow:none;
}

.cartcontainer{ 
    background-color: rgb(255, 255, 255);
    /* border: 1px solid #eac424; */
    border-radius: 15px;
    padding:8px 25px 15px;
    /* box-shadow:2px 2px 5px 2px rgba(175, 175, 175, 0.63); */
}

.cartcontainer:hover{ 
    background-color: rgb(255, 255, 255);
    /* border: 1px solid #eac424; */
    border-radius: 15px;
    padding:8px 25px 15px;
    box-shadow:2px 2px 5px 2px rgba(175, 175, 175, 0.63);
}

#pricetext p{
    font-family: 'Roboto', sans-serif;
    font-size:25px;
    margin:5px;
    display: inline;
}


#price p{
    font-family: 'Roboto', sans-serif;
    font-size:35px;
    color: #b33a3a;
    margin:5px;
}

#ship p{
    color:rgb(53, 53, 53);
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    margin:5px;
}

#addtocart{
position: relative;
margin-top:-15px;
height:60px;
margin-right: 5px;
}

#addtocart img{
    height:25px;
    width:30px;
    display:inline-block;
    box-shadow: none;
    margin-top:25px;
}

#addtocart button{
    height:25px;
    display:inline-block;
    margin:0 10px;
    box-shadow: none;
    position: relative;
    top:-8px;
    z-index: 3;
}

#addtocart #cart:active{
animation-name:fly;
animation-duration: 0.8s;
z-index: 8;
}

@keyframes fly{
    from{left:0px;transform: rotate(0deg);}
    to{left:1270px;top:-620px;transform: rotate(540deg);}
}

#productselector{
    color:rgb(0, 0, 0);
    font-size: 12px;
    font-weight:600;
    font-family: 'Roboto', sans-serif;
    text-shadow:none;
}

#about p::first-line{
    line-height: 40px;
    color: black;
    font-size: 20px;
}

#about p{
    font-size: 14px;
    margin-bottom: 50px;
}

.productinfo_2{
    top:550px;
    height:600px;
    width:1080px;
    position: absolute;
}

.productinfo_2 p{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color:black;
    /* margin-top:20px; */
    margin-bottom: 0;
}

#productguide p::first-line{
    line-height: 40px;
    font-size: 18px;
}

#productguide ul,li{
    font-size: 12px;
    margin-bottom: 50px;
    margin:0 7px;
    padding: 0 1px;
    font-family: 'Roboto', sans-serif;
}

#productguide table{
    margin:-3px;
    text-align: left;
}

#productguide td{
    padding:0;
}

#video iframe{
    display:block;
    margin: 30px auto;
}
.reviewsection{
    font-family: 'Roboto', sans-serif;
    text-shadow: none;
    text-align: left;
}

.reviewsection p::first-line{
    color:#b69100;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0px 0px rgba(0, 0, 0, 0);
    text-align: left;
}

#topview{
    color: rgb(53, 53, 53);
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-shadow: none;
    text-align: left;
    margin:0;
}

#user{
    font-size: 15px;
    line-height: 200%;
}

.star {
    color: orange;
  }

#reviewdate{
    font-size: 10px;
    color:rgb(146, 146, 146);
}

#reviewinfo{
    font-size: 15px;
    line-height: 200%;
}

#morereview{
    font-size: 12px;
    font-weight: 900;
}

#reviewimg{
    right:0px;
    top:314px;
    position:absolute;
}

#reviewimg img{
    height:150px;
}

#writeview{
color:#b69100;
font-size: 30px;
/* line-height: 200%; */
}

#aboutcamel{
    color:#000000;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0px 0px rgba(0, 0, 0, 0);
    text-align: left;
}

/* ======================== Product information =================================== */

/* ===================================== Cart Page =================================== */

#cartcontainer{
    height:500px;
    width:1080px;
    position: relative;
}
.cartinfocontainer {
    position: absolute;
    left:620px;
    top:0;
}

#orderconfirm{
    position:absolute;
    top:-50px;
    left:50px;
    color: #b69100;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}

#cartcontainer img{
    height: 300px;
    margin: 80px 50px 40px;
    display: block;
}



#cartcontainer .cartinfo img{
    height:50px;
    width:50px;
    margin:0;
}

.cartinfo {
    font-family: 'Roboto', sans-serif;
    color:black;
}

#cartinfotitle{
    font-size: 30px;
    font-weight: 500;
    text-shadow:1px 1px rgb(107, 107, 107);
}

#cartinfotitle a{
    color:black;
}

#totalprice{
    font-weight: 600;
}

#pricecart{
    margin-top: 15px;
    font-size:60px;
    color: #b33a3a;
}

#tax{
    font-size: 12px;
}

.cartinfocontainer ul{
    padding:0;
    margin:5px 0;
    list-style: none;
    font-size: 15px;
}

.cartinfocontainer li{
    padding:0;
    margin-left:0;
    list-style: none;
    font-size: 15px;
}

.cartinfocontainer .cartinfo table{
    margin-left:-3px;
    text-align: left;
}

.cartinfocontainer .cartinfo td{
    text-align: center;
}



#placeorder button{
height:40px;
width:110px;
background-color: #ffe16b;
border-radius: 35px;
border: 1px solid rgba(0, 0, 0, 0.384);
font-family: 'Roboto', sans-serif;
font-size: 15px;
position: absolute;
right: 23px;
top: 290px;
}

#placeorder button:hover{
    background-color: #be9e1c;
    cursor: pointer;
}

#placeorder {
    position: absolute;
    top:200px
}

#address,#payment{
    font-family: 'Roboto', sans-serif;
font-size: 18px;
/* margin:50px; */
font-weight: 600;
}

#addressradio,#paymentradio{
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    margin-bottom: 50px;
}

#addressradio input, textarea{
   padding:0;
   float: left;
}

#paymentradio input, textarea{
    padding:0;
    float: left;
 }

/* ===================================== Cart Page =================================== */

/* ============================ GALLERY CONTAINER =================================== */

.imagecontainer{
height:800px;
width:500px;
position: absolute;
list-style: none;
right: 300px;
top:30px;
}

.productimage a{
    height:19.7vmin;
    width:33vmin;
    max-width: 100%;
    max-height: 100%;   
display: block;
overflow: hidden;
cursor: pointer;
object-fit:cover;
object-position:center ;
}

.productimage img{
    height:19.7vmin;
    width:33vmin;
    max-width: 100%;
    max-height: 100%;   
    display: block;
overflow: hidden;
cursor: pointer;
object-fit:cover;
object-position:center ;
}

.productimage a:hover img{
    position: absolute;
    width:550px;
    height:451px;
    display: block;
    top:0;
    left: 233px;
    overflow: hidden;
    cursor: pointer;
    object-fit: cover;
    object-position:center ;
    z-index: 5;
    }

    .productimage .default img{
        top:0;
        left: 233px;
        position: absolute;
        width:550px;
        height:451px;
        object-fit: cover;
        object-position:center ;
    }

    /* ============================ GALLERY CONTAINER =================================== */