* {
            margin: 0px;
            padding: 0px;
        }

        #wrapper {
            width: 98%;
       
            margin: 0px auto;
            height:auto;
            
        }
    

        header {
            height: auto;
            display: flex;
        }

        .backcolor {
            background-color: #609CB6;
            border-color: #609CB6;
            border-radius: 0px;
        }

        .logo {
            width: 40%;
            /*height: 40%;*/
        }
     

        .row_padding {
            padding: 1% 0;
        }

        .mrg_top {
            margin-top: 5%;
        }

        .mrgtop_nav
        {
          margin-top: 1%;
        }
        .footer1 {
            text-align: center;
            background-color: #17252A;
            color: white;
            font-size: 12px;
            padding: 1% 0;
            /*margin-top: 5%;*/
        }
        
         .OPDIPDCasePapers {
        margin-left: 22%;
        padding-top: 1%;
        width: 50%;
        
    }
        .font_size {
            font-size: 18px;
        }

        .logout_btn1
        {
            background-color:red !important;
            color:white;
        }


        .nav_bgcolor {
            background-color: #006589 !important;
            border-color: #006589 !important;
        }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
            background-color: #9D2530  !important;
            color: white !important;
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
            background-color: #146D93 !important;
            color: white !important;
        }

        .navbar-default .navbar-nav > li > a {
            color: white !important;
        }

            .navbar-default .navbar-nav > li > a:hover {
                color: white !important;
            }


.fp {
    width:55%;
    margin:0px auto;
    border:1px solid;
    height:auto;
}

        /*   toggle color  */
        .navbar-toggle {
            background-color: white !important;
        }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: white !important;
        }
        /*   toggle color  */
.bgimg {
    background-image: none; /*url(../Images/sample5.jpg);*/
    background-size: 100% 100%;
    background-color: #da9a58;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.login_logo_position {
    position:relative; top:170px;
}

.login_data {
     position:relative; top:200px;
   }

.login_logo {
        /*margin-left:40px;*/
        }

/*-------------------------upload call list page start---------------------------------------------*/
.row_top_mar
{
 margin-top:1%;
}
.row_mar
{
    margin-top:3%;
}
.box1
{
    border:1px solid black !important;
    padding:15%;
    height:auto;
    margin-left:1%;
}

.selet_file{

    font-size:14px;
    font-weight:normal;
    margin-top:6px;
}
.button_left{
    margin-right:70px;
}
.show_cont{
    background-color: #3D82AB !important;
    border-color:#3D82AB;
    color:white;
}
/*-------------------------upload page call list end---------------------------------------------*/



/*-------------------------<< Media quries start from here >>---------------------------------------------*/


 .madvbag_logo {
   width:20%;
   
}
      .title{
         width:60%;
         text-align:center;
      }
      .logout
      {
          width: 17%;
          float:right;
      }
    .header_sec
    {
        width:100%;height:10%;display:inline-flex;
    }
.prof_photo_size {
width:25%;
}
 /*-------------------------<< Media quries start for ipad , ipro views >>---------------------------------------------*/




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

        /*------------------------- Media quries start upload call list page (ipad)---------------------------------------------*/
      .box1
        {
  
        margin-left:4%;
        }

      .button_left{
       margin-right:17px;
        }
      
        /*------------------------- Media quries end upload call list page---------------------------------------------*/
         .login_img img {
         width:80%;
    }
          .header_sec_MOBILE {
        display:FLEX;
    }
    .madvbag_logo_MOBILE {
        width: 30%;
        margin-top: 2%;
       

    }
    .title_MOBILE {
         width: 35%;
          margin-top: 5%;
           margin-left:1%;
           font-size:12px !important;
    }

    .logout_MOBILE {
         width: 30%;
        

    }

   .bgimg {
             background-image: url(../Images/sample5.jpg); background-size: 100% 100%;
    background-repeat: no-repeat;    background-size: cover; 
   width: 100%;
        }

    .login_logo_position
     {
    top:20px;
    }
    
    .login_data
     {
      top:30px;
       }
  }



  /*-------------------------<< Media quries end for ipad , ipro views >>---------------------------------------------*/
  
@media (max-width: 767px)
{
      .navbar-nav .dropdown-menu .caret {
	transform: rotate(-90deg);
    }

.navbar-default .navbar-nav .open .dropdown-menu>li>a
{
	color:white !important;
}
 .login_img img {
         width:80%;
    }

  .header_sec_MOBILE {
        display:FLEX;
    }
    .madvbag_logo_MOBILE {
        width: 50%;
        margin-top: 2%;
       

    }
    .title_MOBILE {
        
        
           margin-left:1%;
           font-size:12px !important;
    }

    .logout_MOBILE {
         width: 55%;
    }
    .bgimg {
        background-color:#da9a58;
             background-image: none;
        }

    .login_logo_position {
    top:20px;
}
.login_data {
      top:30px;
}
.login_logo {
        /*margin-left:30px;*/
        }

}/*nav bar*/


 /*-------------------------<< Media quries start for mobile views >>---------------------------------------------*/
@media screen and (max-width: 480px) {
    .logo {
        width: 80%;
    }

    .margin_top {
        margin-top: 7%;
    }
    /*header logo*/

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white !important;
    }
    /*------------------------- Media quries start upload call list page (mobile)---------------------------------------------*/

    .box1 {
        margin-left: 0%;
    }

    .cont_pandding {
        padding: 1% 0;
    }

    .button_left {
        margin-right: 0px;
    }

    .show_content_btn {
        margin-left: 32px;
        margin-top: 2%;
    }

    .madvbag_logo {
        width: 100%;
        margin-top: 2%;
    }

    .title {
        width: 100%;
    }

    .logout {
        width: 100%;
        float: none;
    }

    .header_sec {
        width: 100%;
        height: 10%;
        display: block;
    }

    h3.sub_head {
        display: none;
    }

    .login_img img {
        width: 80%;
    }

    .login {
        width: 100%;
    }

    .header_sec_MOBILE {
        display:FLEX;
    }
    .madvbag_logo_MOBILE {
        width: 28%;
        margin-top: 2%;
       

    }
    .title_MOBILE {
        
          margin-top: 5%;
           margin-left:3%;
           font-size:12px !important;
    }

    .logout_MOBILE {
         width: 36%;
        

    }
     .bgimg {
            background-image:none;
            background-color:#da9a58;
        }

     .login_logo_position {
    top:20px;
}
.login_data {
      top:30px;
}


.login_logo {
        /*margin-left:20px;*/
        }

.prof_photo_size {
width:50% !important;
}


 .OPDIPDCasePapers {
          margin-left: 0px;
        padding-top:1%;
        width: 100%;
        
    }
}



    /*------------------------- Media quries end upload call list page (mobile)---------------------------------------------*/
}
  /*-------------------------<< Media quries end for mobile views >>---------------------------------------------*/