@media (min-width: 50px) and (max-width: 494px) {
    .popupp {
padding-top:63px !important; 
background: transparent;        
}
        
     .list01 {
     text-align: center;
     }    
        
     .container .firstdiv .seconddiv .list01 .listitem {
     display:block;
     width:100%;      
     } 
    
    .closebutton {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px;    
    }   
    .closebutton:hover {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px; 
    opacity:0.5;    
    }    
    .firstdiv {
    background-color:#00AEEF;
    padding-top: 1px;
    padding-bottom:1px;
    }  
    .seconddiv {
    background-color:#ffffff;
    margin-left:3px;
    margin-right:3px;
    margin-top:1px;
    margin-bottom:2px;
    border-radius:3px;
    }
    .directlink a {
    color: #00AEEF;
    text-decoration: underline;
    }
    .descr {
    color: #96C43D;
    font-weight: bold;
    font-size: 1em;
    }
    .listitem {
    color: #323232; 
    width:125px;    
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    }
    .listitem:hover {
    color: #ffffff;
    background-color: #96C43D;
    width:125px;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    } 
    .list01 {
    margin-top:10px;    
    }   
    .listarrow {
    background-image: url('../images/listarrow.png');
    height: 161px;
    width:29px;
    margin-left:130px;
    background-repeat: no-repeat;
    } 
    .container .butsearch {
    text-align:center;
    }
    .buttonsearch {
    width:100% !important;
    height: 35px;
    color: #ffffff;
    background-color: #00aeef; 
    margin-top:10px;   
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #068Ab2;
    -webkit-box-shadow: inset 0 0 7px #068Ab2;
    box-shadow:         inset 0 0 7px #068Ab2;   
    } 
       
    .buttonsearch:hover {
    width:100% !important;
    height: 35px;
    color: #ffffff;
    background-color: #069ad1;
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #036b8b;
    -webkit-box-shadow: inset 0 0 7px #036b8b;
    box-shadow:         inset 0 0 7px #036b8b; 
    }
    .descrieri {
    width:100%;       
    padding-left:20px;
    padding-right:20px;
    text-align:left;    
    }    
    .description1 {
    width:100%;   
    } 
    .description2 {
    width:100%;
    border: 0px;    
    }
    .description3 {
    width:100%;  
    }
     .description4 {
    width:100%;
    border: 0px;   
    }
    .description5 {
      
    width:100%;
        
    }    
    } 


@media (min-width: 495px) and (max-width: 767px) {
    
    .modal-transparent {
    padding-top:103px;
    }
    

        
     .list01 {
     text-align: left;
     }    
        
     .container .firstdiv .seconddiv .list01 .listitem {
     display:block;
     width:100%;      
     } 
    
    .closebutton {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px;    
    }   
    .closebutton:hover {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px; 
    opacity:0.5;    
    }    
    .firstdiv {
    background-color:#00AEEF;
    padding-top: 1px;
    padding-bottom:1px;
    }  
    .seconddiv {
    background-color:#ffffff;
    margin-left:3px;
    margin-right:3px;
    margin-top:1px;
    margin-bottom:2px;
    border-radius:3px;
    }
    .directlink a {
    color: #00AEEF;
    text-decoration: underline;
    }
    .descr {
    color: #96C43D;
    font-weight: bold;
    font-size: 1em;
    }
    .listitem {
    color: #323232; 
    width:125px;    
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    }
    .listitem:hover {
    color: #ffffff;
    background-color: #96C43D;
    width:125px;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    } 
    .list01 {
    margin-top:10px; 
    text-align: center;    
    }   
    .listarrow {
    background-image: url('../images/listarrow.png');
    height: 161px;
    width:29px;
    margin-left:130px;
    background-repeat: no-repeat;
    } 
    .buttonsearch {
    width:100%;
    height: 35px;
    color: #ffffff;   
    background-color: #00aeef; 
    margin-top:10px;   
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #068Ab2;
    -webkit-box-shadow: inset 0 0 7px #068Ab2;
    box-shadow:         inset 0 0 7px #068Ab2;   
    } 
       
    .buttonsearch:hover {
    width:100%;
    height: 35px;
    color: #ffffff;
    background-color: #069ad1;
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #036b8b;
    -webkit-box-shadow: inset 0 0 7px #036b8b;
    box-shadow:         inset 0 0 7px #036b8b; 
    }
    .descrieri {
    width:100%;      
    padding-left:20px;
    padding-right:20px;
    text-align:left;    
    }    
    .description1 {
    width:100%;   
    } 
    .description2 {
    width:100%;
    border: 0px;    
    }
    .description3 {
    width:100%;  
    }
     .description4 {
    width:100%;
    border: 0px;   
    }
    .description5 {
      
    width:100%;
        
    }    
    } 



@media (min-width: 768px) and (max-width: 991px) {
.popupp {
padding-top:85px !important; 
background: transparent;        
}
.closebutton {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px;    
    }   
    .closebutton:hover {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px; 
    opacity:0.5;    
    }    
    .firstdiv {
    background-color:#00AEEF;
    padding-top: 1px;
    padding-bottom:1px;
    }  
    .seconddiv {
    background-color:#ffffff;
    margin-left:3px;
    margin-right:3px;
    margin-top:1px;
    margin-bottom:2px;
    border-radius:3px;
    }
    .directlink a {
    color: #00AEEF;
    text-decoration: underline;
    }
    .descr {
    color: #96C43D;
    font-weight: bold;
    font-size: 1em;
    }
    .listitem {
    color: #323232; 
    width:125px;    
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    }
    .listitem:hover {
    color: #ffffff;
    background-color: #96C43D;
    width:125px;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    } 
    .list01 {
    margin-top:10px;    
    }   
    .listarrow {
    background-image: url('../images/listarrow.png');
    height: 161px;
    width:29px;
    margin-left:130px;
    background-repeat: no-repeat;
    } 
    .buttonsearch{
    width:120px;
    height: 35px;
    color: #ffffff;
    background-color: #00aeef; 
    margin-top:80px;  
    margin-left:18px;    
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #068Ab2;
    -webkit-box-shadow: inset 0 0 7px #068Ab2;
    box-shadow:         inset 0 0 7px #068Ab2;   
    }  
    .buttonsearch:hover {
    width:120px;
    height: 35px;
    color: #ffffff;
    background-color: #069ad1;
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #036b8b;
    -webkit-box-shadow: inset 0 0 7px #036b8b;
    box-shadow:         inset 0 0 7px #036b8b; 
    } 

    .descrieri {    
    padding-left:20px;
    padding-right:20px;
    }
    .description1 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;    
    } 
    .description2 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }
    .description3 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;  
    }
    .description4 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }
    .description5 {
    text-align:left;   
    height:100%;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }

}


@media (min-width: 992px) and (max-width: 3000px) {
.popupp {
padding-top:65px !important; 
background: transparent;        
}
.closebutton {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px;    
    }   
    .closebutton:hover {
    background-image: url('../images/close.png');
    height:12px;
    width:12px;
    background-repeat: no-repeat;
    margin-top:10px; 
    opacity:0.5;    
    }    
    .firstdiv {
    background-color:#00AEEF;
    padding-top: 1px;
    padding-bottom:1px;
    }  
    .seconddiv {
    background-color:#ffffff;
    margin-left:3px;
    margin-right:3px;
    margin-top:1px;
    margin-bottom:2px;
    border-radius:3px;
    }
    .directlink a {
    color: #00AEEF;
    text-decoration: underline;
    }
    .descr {
    color: #96C43D;
    font-weight: bold;
    font-size: 1em;
    }
    .listitem {
    color: #323232; 
    width:125px;    
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    }
    .listitem:hover {
    color: #ffffff;
    background-color: #96C43D;
    width:125px;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom:2px;
    font-weight:bold;
    float:left;
    overflow:hidden;
    text-decoration:none;    
    } 
    .list01 {
    margin-top:10px;    
    }   
    .listarrow {
    background-image: url('../images/listarrow.png');
    height: 161px;
    width:29px;
    margin-left:130px;
    background-repeat: no-repeat;
    } 
    .buttonsearch{
    width:120px;
    height: 35px;
    color: #ffffff;
    background-color: #00aeef; 
    margin-top:80px;  
    margin-left:23px;    
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #068Ab2;
    -webkit-box-shadow: inset 0 0 7px #068Ab2;
    box-shadow:         inset 0 0 7px #068Ab2;   
    }  
    .buttonsearch:hover {
    width:120px;
    height: 35px;
    color: #ffffff;
    background-color: #069ad1;
    border-radius: 3px;
    line-height:35px;
    text-align: center;
    font-weight:bold;
    -moz-box-shadow:    inset 0 0 7px #036b8b;
    -webkit-box-shadow: inset 0 0 7px #036b8b;
    box-shadow:         inset 0 0 7px #036b8b; 
    } 

    .descrieri {   
    padding-left:20px;
    padding-right:20px;
    }
    .description1 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;    
    } 
    .description2 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }
    .description3 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;  
    }
    .description4 {
    text-align:left;    
    height:100%;
    border-right:1px solid #e0e0e0;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }
    .description5 {
    text-align:left;   
    height:100%;
    margin-top:5px;
    width:20%; 
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;   
    }

}

    

        
    

    
/*  test*/