/* The Modal (background) */
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 16776005; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.model-header
{
    width: 100%; /* Full width */
    
}


/* Modal Content/Box */
 .modal-content {
    background-color: #333333;
    margin: 0 auto;  
    /*padding: 20px;*/
    border: 1px solid #333333;
    width: 100%; 
    height: 100%;
    box-sizing: border-box;
}
 

 .close {
    color: #FECB04;
    float: right;
    font-size: 14px;
    font-weight: bold;
	background-color:#00AEE8;
	border:none;
    margin-right: 42px;
    margin-top: -19px;
} 

 .close:hover,
.close:focus {
   // color: black;
  //  text-decoration: none;
    cursor: pointer;
} 
 
.modal-content img
{
    display:block;
    margin:auto;
    max-width: 100%;
    max-height: 100%;
    /*position: relative;*/
	margin-top:100px;
} 

/*
home page footer css
*/
.copyright-left{

    bottom: 18px;
    color: #fff;
    font-size: 14px;
    position: fixed;
    left: 70px;
    width: 50%;
    z-index: 9;
    text-align: left;
}
@media screen and (max-width: 767px) and (orientation : landscape){

 
.modal-content
{
height:auto;
}
.close
{

}
}
@media screen and (max-width: 767px) {
  .copyright-fixed {
    width: 50%;
    font-size: 12px;
    text-align: right;
    right: 5%;
    margin-bottom:1px;
  }
  .copyright-left {
    width: 50%;
    font-size: 12px;
    text-align: left;
    left: 5%;
   
    margin-bottom: -6px;
  }
  .text-to-hidden
  {
    display: none;
  }
  
   
.model-header
{
   
  margin-top:130px;
   
   
}
 .close {

  
    font-size: 10px;

   
   margin-right: 0px;
} 
}
@media (max-width: 1023px) and (min-width: 768px)and (orientation: landscape)
{
  .copyright-left {
   bottom: 3px !important;
   left: 20px;
  }
  

  
}
@media  screen and (max-width: 1920px) {
     .modal-content img
{
    width: 1024px;
    heigh:auto;
}
.close
{
     margin-right: 447px;
    margin-top: -28px;
    font-size: 22px;
}

.modal-content img
{
    display:block;
    margin:auto;
    max-width: 100%;
    max-height: 100%;
    /*position: relative;*/
	margin-top:220px;
} 
}
 @media screen and (max-width:1366px) {
   
  .modal-content img
{
    width: 900px;
    height: auto;
}
.modal-content img
{
    display:block;
    margin:auto;
    max-width: 100%;
    max-height: 100%;
    /*position: relative;*/
	margin-top:100px;
}
.modal-content
{

/*height:670px;*/
}
.close
{
margin-right: 232px;
 margin-top: -18px;
    font-size: 14px;
}

}
@media only screen and (max-width: 720px) and (orientation : landscape){

 .modal-content img
{
    
    height: auto;
    top: -15px;    
}
}
@media screen and (max-width:720px)
{
 .modal-content img
{
     height: 100%;
    padding: 19px;   
}
.close
{
    margin-right: 20px;
    margin-top: -7px;
}
}

@media only screen and (max-width: 736px) and (orientation : landscape){

 .modal-content img
{
    
    height: auto;
    top: -15px;    
}
}
@media screen and (max-width:736px)
{
 .modal-content img
{
     height: 100%;
    padding: 19px;   
}
.close
{
    margin-right: 20px;
    margin-top: -7px;
}
}

@media only screen and (max-width: 823px) and (orientation : landscape){

 .modal-content img
{
    
    height: auto;
    top: -15px;    
}
}
@media screen and (max-width:823px)
{
 .modal-content img
{
     height: 100%;
    padding: 19px;   
}
.close
{
    margin-right: 20px;
    margin-top: -7px;
}
}
@media only screen and (max-width: 1024px) and (orientation : landscape){

 .modal-content img
{
    
    height: auto;
    top: -15px;    
}
}
@media screen and (max-width:1024px)
{
 .modal-content img
{
     height: 100%;
    padding: 0px 20px 0px 20px;  
	
}
.close
{
   margin-right: 25px;
    margin-top: 119px;
}
}

@media only screen and (max-width: 812px) and (orientation : landscape){

 .modal-content img
{
    
    height: auto;
    top: -15px;    
}
}
@media screen and (max-width:812px)
{
 .modal-content img
{
     height: 100%;
    padding: 0px 5px 0px 5px; 
	
}
.close
{
    margin-right: 5px;
    margin-top: -7px;
}
}