.divcontact{
    position:fixed;top:260px;z-index:1;right:0px;
}


.infoMessage{
   display: block;
   color:darkgreen;
   border-color:mediumspringgreen;
   background-color:lightgreen;
   width: 1063px;
   margin-right: 228px;
   position: fixed;
   top: 2%;
   z-index: 1000000;
}
.divbtndemo{
    float:left;position:fixed;top:345px;height:fit-content;width:90px;z-index:1;right:0px;
}
 .dTamas {
            display: none;
            position: fixed;
            z-index: 1000000;
            right: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
        }

        /* Modal Content/Box */
        .dTamas-content {
            background-color: #fefefe;
            margin: 15% auto;
            border: 1px solid #888;
            width: 450px;
            position: absolute;
        }

        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            position: absolute;
            right: 0px;
        }

            .close:hover,
            .close:focus {
                color: black;
                text-decoration: none;
                cursor: pointer;
            }

        .btnTamas {
            display: inline-block;
            padding: 18px 35px;
            color: #85c525;
            line-height: 1.2;
            text-decoration: none;
            border-radius: 5px;
            /*background-color: #fff;*/
            background-color: transparent;
            text-align: center;
            width: 80px;
            padding-right: 20px;
            cursor: pointer;
            font-size: 15px;
            height: 70px;
        }

            .btnTamas:hover {
                color: #85c525;
                /*background-color:azure;*/
                box-shadow: 0 0 0 1px #aaa, 2px 1px 6px 4px #ddd;
                transition: transform .2s;
                transform: scale(1.03);
            }



            .btnConsultation {
            display: inline-block;
            /*padding: 18px 35px;*/
            /*color: #85c525;*/
            line-height: 1.2;
            text-decoration: none;
            border-radius: 5px;
            /*background-color: #fff;*/
            /*background-color: transparent;*/
            text-align: center;
            width: 150px;
            /*padding-right: 20px;*/
            cursor: pointer;
            font-size: 15px;
            height: 55px;
              background-color:#42cf02;
              padding-top: 15px;
              color:white;
        }

            .btnConsultation:hover {
                /*color: #85c525;*/
                /*background-color:azure;*/
                box-shadow: 0 0 0 1px #aaa, 2px 1px 6px 4px #ddd;
                transition: transform .2s;
                transform: scale(1.03);
            }

.hederdTamas{
    display: inline-block;
    padding: 18px 35px;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
    background-color: #85c525;
     text-align: center;
     float:left;
     height:250px;
     padding-top:100px;
     min-width:240px;
}

.daryaftTamas{
    text-align:center;width:200px;float:none;padding-top:30px;padding: 30px 0px 5px 5px;
}

.sabtTamas{
    text-align:center;width:200px;float:none; padding-top:30px;padding: 30px 5px 0px 5px;
}

.divDemo{
    background:white; position:absolute;z-index:10;top: 300px;right: 0px;width: 630px;height: 150px;text-align: center;
}

.mDemo{
    width:210px;float: right;height: 150px;border-left:ridge; padding: 40px 3px 0px 3px;
}

.jalseD{
   width:210px;float: right;height: 150px;border-left:ridge;padding: 40px 3px 0px 3px;
}

.offlineD{
    width:210px;float: right;height: 150px;padding: 40px 3px 0px 3px;
}

.divbtnConsultation{
    display:none;
      top: 90%;
    right:58%;
    position:fixed;
    background-color:#42cf02;
    width:150px;
    height:55px;
    border-radius:5px;
    z-index:1;

}

@media screen and (min-width:376px) and (max-width:500px){
   .divDemo{
       width:400px;
   } 
   
   .mDemo{
       width:130px;
       font-size:13px;
   }
   .jalseD{
       width:130px;
       font-size:13px;
   }
   .offlineD{
       width:130px;
       font-size:13px;
   }

   .daryaftTamas{
       font-size:13px;
   }
   .sabtTamas{
       font-size:13px;
   }
   .dTamas-content{
       width:400px;
   }
   .hederdTamas{
       min-width:200px;
   }

   
}

@media screen and (min-width:500px) and (max-width:600px){
   .divDemo{
       /*width:575px;*/
        width:490px;
   } 
   
   .mDemo{
       /*width:190px;*/
        width:160px;
      
   }
   .jalseD{
       width:160px;
      
   }
   .offlineD{
       width:160px;
       
   }
}

@media screen and (max-width:376px){
   .divDemo{
       width:310px;
   } 
   
   .mDemo{
       width:100px;
       font-size:12px;
   }
   .jalseD{
        width:100px;
       font-size:12px;
   }
   .offlineD{
       width:100px;
       font-size:12px;
   }

   .daryaftTamas{
       font-size:13px;
       width:180px;
   }
   .sabtTamas{
       font-size:13px;
       width:180px;
   }
   .dTamas-content{
       width:340px;
       height:230px;
   }
   .hederdTamas{
       min-width:130px;
       height:230px;
   }
   .header4{
       font-size:16px;
   }
}

@media screen and (max-width:320px){
   /*.divDemo{
       width:310px;
   } 
   
   .mDemo{
       width:100px;
       font-size:12px;
   }
   .jalseD{
        width:100px;
       font-size:12px;
   }
   .offlineD{
       width:100px;
       font-size:12px;
   }*/

   .daryaftTamas{
       font-size:13px;
       width:150px;
           padding: 10px 0px 0px 0px;
   }
   .sabtTamas{
       font-size:13px;
       width:150px;
           padding-top: 10px;
   }
   .dTamas-content{
       width:280px;
       height:200px;
   }
   .hederdTamas{
       min-width:50px;
       height:200px;
       padding:18px 10px;
       padding-top:80px;
   }
   .header4{
       font-size:16px;
   }
}

@media screen and (max-width:280px){
   .divDemo{
       width:270px;
   } 
   
   .mDemo{
       width:90px;
       font-size:12px;
   }
   .jalseD{
        width:90px;
       font-size:12px;
   }
   .offlineD{
       width:90px;
       font-size:12px;
   }

   .daryaftTamas{
       font-size:12px;
   }
   .sabtTamas{
       font-size:12px; 
   }
   .dTamas-content{
       width:270px;
    
   }
   
   .divbtnConsultation{
    width:100px;
}
   .btnConsultation{width:100px;
                    font-size:13px;
                    padding-top:20px;
   }
}


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

.divcontact{
    top:89%;
    right:-15px;
    display:none;
}
.divbtndemo {
    top: 88%;
    right: 82%;
    display:none;
}

.divbtnConsultation{
    display:inline-block;
      /*top: 88%;
    right: 82%;*/
}

.infoMessage{
   width: 300px;
   margin-right: 28px;
   position: fixed;
   top: 2%;
   z-index: 1000000;
}
}