body {


    background-color: #fcff00;


    


}


.dropbtn {


background-color: #4CAF50;


color: white;


padding: 16px;


font-size: 16px;


font-family: Arial;


border: none;


text-align: left


}


.dropdown {


position: relative;


display: inline-block;


text-align: left


}


.dropdown-content {


display: none;


position: absolute;


background-color: #a9eef2;


min-width: 350px;


box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);


z-index: 1;


}


.dropdown-content a {


color: black;


padding: 12px 16px;


font-size: 24px;


text-decoration: none;


display: block;


font-family: Arial;


}


.dropdown-content a:hover {background-color: #ddd;}


.dropdown:hover .dropdown-content {display: block;}


.dropdown:hover .dropbtn {background-color: #3e8e41;}


.VEDI1{


    width: 1084px;


    height: 157px;


    text-align: center;


}


@media (max-width: 1200px) { 


    .VEDI1 {


    width: 1084px;


    height: 157px;


    text-align: center;


}


} /* for desktops */


@media (max-width: 991px) {


    .VEDI1 {


        width: 874px;


        height: 123px;


        text-align: center;


    }


} /* for laptops */





@media (min-width: 768px) and (max-width: 990px) { 


    .VEDI1 {


        width: 756px;


        height: 108px;


        text-align: center;


}


} /* for large tablets */





@media (max-width: 768px) { 


    .VEDI1 {


        width: 666px;


        height: 96px;


        text-align: center;


}


} /* for smaller tablets */





@media (max-width: 500px) {


    .VEDI1 {


    display:none 


      /*  width: 325px;


        height: 47px;


        text-align: center;**/


} 


} /* for cellphones */





.VEDI2{


    width: 900px;


    height: 628px;


    text-align: center;


}


@media (max-width: 1200px) { 


    .VEDI2 {


    width: 900px;


    height: 628px;


    text-align: center;


}


} /* for desktops */


@media (max-width: 991px) {


    .VEDI2 {


        width: 832px;


        height: 581px;


        text-align: center;


    }


} /* for laptops */





@media (min-width: 768px) and (max-width: 990px) { 


    .VEDI2 {


        width: 771px;


        height: 538px;


        text-align: center;


}


} /* for large tablets */





@media (max-width: 768px) { 


    .VEDI2 {


        width: 771px;


        height: 538px;


        text-align: center;


}


} /* for smaller tablets */





@media (max-width: 500px) {


    .VEDI2 {


        width: 325px;


        height: 228px;


        text-align: center;


} 


} /* for cellphones */





.VEDI3{


    width: 900px;


    height: 1061px;


    text-align: center;


    }


@media (max-width: 1200px) { 


    .VEDI3 {


    width: 900px;


    height: 1061px;


    text-align: center;


}


} /* for desktops */


@media (max-width: 991px) {


    .VEDI3 {


        width: 832px;


        height: 581px;


        text-align: center;


    }


} /* for laptops */





@media (min-width: 768px) and (max-width: 990px) { 


    .VEDI3 {


        width: 653px;


        height: 881px;


        text-align: center;


}


} /* for large tablets */





@media (max-width: 768px) { 


    .VEDI3 {


        width: 653px;


        height: 881px;


        text-align: center;


}


} /* for smaller tablets */





@media (max-width: 500px) {


    .VEDI3 {


        width: 325px;


        height: 385px;


        text-align: center;


} 


} /* for cellphones */





.VEDI4{


background-color: white;


color: #fff;


font-size: 1px;


text-decoration: none;


display: none;


font-family: Arial;


text-align: center;


} 


   


@media (max-width: 1200px) { 


    .VEDI4 {


    display:none;


}


} /* for desktops */


@media (max-width: 991px) {


    .VEDI4 {


        display:none;


    }


} /* for laptops */





@media (min-width: 768px) and (max-width: 990px) { 


    .VEDI4 {


       display:none;


}


} /* for large tablets */





@media (max-width: 768px) { 


    .VEDI4 {


        display:none;


}


} /* for smaller tablets */





@media (max-width: 500px) {


    .VEDI4 {


background-color: white;


color: #1039fb;


padding: 12px 16px;


font-size: 16px;


text-decoration: none;


display: block;


font-family: Arial;


text-align: center;


} 


} /* for cellphones */





.VEDI5 {


    background-color: yellow;


    color: #1039fb;


    font-size: 16px;


    text-decoration: none;


    font-family: Arial;


    text-align: center;


}