body{
    overflow-x: hidden
}

.w3-top,.w3-bottom{
    position:fixed;width:100%;z-index:1
}

.w3-top{
    top:0
}

.w3-bottom{
    bottom:0
}

.w3-bar{
    width:100%;overflow:hidden
}

.w3-center .w3-bar{
    display:inline-block;
    width:auto
}

.w3-white,.w3-hover-white:hover{
    color:#000!important;
    background-color:#fff!important
}

.w3-wide{
    width: 100%;
    letter-spacing:3px; 
    min-width: 100vw;
}

.w3-padding{
    padding:8px 16px!important;
}

.w3-padding-16{
    padding-top:16px!important;padding-bottom:16px!important;
}

.w3-card{
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.w3-left{
    float:left!important;
}

.w3-button{
    text-decoration: none; 
    color: #000;
}

.w3-button:hover{
    color:blue!important;
    background-color:#ccc!important;
    text-decoration: none;
}

.w3-title{
    float: right; position:relative; right: 500px; padding-left: 300 px;
}

.w3-right{
    float:right!important;
    position: relative;
    left: 150px;
}

.w3-border-bottom{
    border-bottom:1px solid #ccc!important;
}

.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}

.w3-padding-16{
    padding-top:16px!important;padding-bottom:16px!important;
}

.w3-simplify-design{
    position: relative;
    left: 500px; 
    color:saddlebrown;
    font-style: italic; 
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.w3-para-margin{margin: 50px;}

.w3-para-style{
    font-weight: 600;
    font-size: large;
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
}

.w3-margin-top{
    margin-top: 16px;
}

.w3-margin-contact{
    margin-top: 16px;
    margin-bottom: 32px;
}

.prod-img-1{
    margin-top: 20px;
}
/* .w3-container-1{
    width: 400px; 
    background-color: darkgray; 
    height: 500px; 
    position: relative; 
    left: 400px ;
} */

/* .w3-idealogy-header{
    color: #fff; 
    font-style: italic; 
    position: relative; 
    left: 100px ; 
    top: 40px; 
} */

/* @media (min-width:601px){.w3-img-1.w3-display-container{width: 100%; min-width: 100vw;}.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-margin-bottom{margin-bottom:16px!important}
@media   (max-width:600px){.w3-img-1.w3-display-container{width: 100%; min-width: 100vw;}.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-img-1{width: 100%; height : 800px; min-width: 100vw;}
.w3-main-container{background-image : url("pic2.jpg"); width:100%; height:400px}
.w3-contact-container{background-color: grey; width: 100%; height: 600px;} */

@media (min-width:601px) and (max-width:993){
    .w3-width-set{width: 100%; max-width: 100vw; display: block;}
    .w3-img-1{
        background-size: cover;
        width: 100%;
    }
    .home-img-2{
        width: 100%;
    }
    .about-img-1{
        background-size: cover;
        width: 100%;
    }
    .about-img-2{
        background-size: cover;
        width: 100%;
    }
    .about-img-3{
        background-size: cover;
        width: 100%;
    }
    .about-img-4{
        background-size: cover;
        width: 100%;
    }
    .prod-img-1{
        margin-top: 20px;
        background-size: cover;
        width: 100%;
    }
    .prod-img-2{
        background-size: cover;
        width: 100%;
    }
}

@media (min-width:993px){
    .w3-width-set{width: 100%; max-width: 100vw; display: block;}
    .w3-img-1{
        background-size: cover;
        width: 100%;
    }
    .home-img-2{
        width: 100%;
    }
    .about-img-1{
        background-size: cover;
        width: 100%;
    }
    .about-img-2{
        background-size: cover;
        width: 100%;
    }
    .about-img-3{
        background-size: cover;
        width: 100%;
    }
    .about-img-4{
        background-size: cover;
        width: 100%;
    }
    .prod-img-1{
        margin-top: 20px;
        background-size: cover;
        width: 100%;
    }
    .prod-img-2{
        background-size: cover;
        width: 100%;
    }
}

@media (min-width:401px) and (max-width:600px){
    .w3-width-set{width: 100%; max-width: 100vw; display: block;}
    .w3-title{
        position:relative; right: 100px; font-size: small;
    }
    .w3-button{
        size: 2px;
        font-size: xx-small;
    }
    .w3-img-1{
        background-size: cover;
        width: 100%;
    }
    .home-img-2{
        width: 100%;
    }
    .w3-simplify-design{
        padding: 0px;
        position: relative;
        left: 120px; 
        color:saddlebrown;
        font-style: italic; 
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
    .about-img-1{
        background-size: cover;
        width: 100%;
    }
    .about-img-2{
        background-size: cover;
        width: 100%;
    }
    .about-img-3{
        background-size: cover;
        width: 100%;
    }
    .about-img-4{
        background-size: cover;
        width: 100%;
    }
    .prod-img-1{
        position: relative;
        top: 20px;
        margin-top: 20px;
        background-size: cover;
        width: 100%;
    }
    .prod-img-2{
        background-size: cover;
        width: 100%;
    }
}

@media (min-width:100px) and (max-width: 400px){
    /* .w3-width-set{width: 100%; max-width: 100vw; display: block;} */
    .w3-title{
        position:relative; right: 100px; font-size: small;
    }
    .w3-button{
        size: 2px;
        font-size: xx-small;
    }
    .w3-img-1{
        width: 100%;
        background-size: cover;
    }
    .home-img-2{
        width: 100%;
    }
    .w3-simplify-design{
        padding: 0px;
        position: relative;
        left: 50px; 
        color:saddlebrown;
        font-style: italic; 
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
    .about-img-1{
        background-size: cover;
        width: 100%;
    }
    .about-img-2{
        background-size: cover;
        width: 100%;
    }
    .about-img-3{
        background-size: cover;
        width: 100%;
    }
    .about-img-4{
        background-size: cover;
        width: 100%;
    }
    .prod-img-1{
        position: relative;
        top: 60px;
        margin-top: 20px;
        background-size: cover;
        width: 100%;
    }
    .prod-img-2{
        background-size: cover;
        width: 100%;
    }
}

/* @media (min-width:0px) and (max-width:500px){
    body{
        background-color: red;
    }
}
body{
    background-color: aqua;
} */
/* min-width: 100vw;
min-width: 100vw;
min-width: 100vw;
min-width: 100vw; 
display: block;*/