﻿@media (max-width:1300px) and (min-width:500px) {
    li.main-menu-li a {
        font-size: 14px;
    }    
    .logooo {
        background: url(../images/logo1.png) left no-repeat;
        background-size: 100%;
        width: 400px !Important;
        /*height: 11vh !Important;*/
        height: 10vh !Important; 
        margin-right: 30px !Important;
    }    
    li.main-menu-li a {
        line-height: 60px !Important;
        padding: 32px 12px 0;
    }
}

@media (min-width: 501px)
{
    .logooo {
        background: url(../images/logo1.png) left no-repeat;
        background-size: 100%;
        /*width: 400px;*/
        /* width: 10vw; */
        /*height: 14vh;
        margin-right: 30px;*/        
        width: 485px;
        height: 10vh;
        margin-right: 30px;        
    }    
    .mobile-show
    { 
        display:none !Important;
    }    
    .header_topp img
    {
        /*visibility:hidden;*/
    }    
    .header_topp
    {
        /*background: url(../images/slider/Header.jpg) center no-repeat !Important;
        background-size: cover !Important;*/
    }    
    ul#menu li:nth-child(1){
        margin-top: 40px;
    }
    .zoom-image:hover {
        transform: scale(1.5);
        margin-top: -110px;
    }    
    
    /*For Menu*/
    ul.Main-Menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        /*background-color: #333;*/
        background-color: #FFF;
        padding: 0 10px;
    }
    li.main-menu-li {
        float: left;
        padding-bottom: 0;
    }
    li.main-menu-li a {
        display: block;
        /*color: white;*/
        color:#000;
        font-weight:500;
        text-align: center;
        /*padding: 14px 12px;*/
        padding: 20px 12px 0;
        text-decoration: none;
        line-height: 80px;
    }
    li.main-menu-li a:hover {
        background-color: #eaeaea;
    }
    /* End Menu */
        
}
@media (max-width: 2500px)  
{
    .fab {
        width: 35px;
        height: 35px;        
        color: white;
        text-align: center;
        position: absolute;       
        left: 6px;
        top: 103px;
        transition: all 0.1s ease-in-out;
        z-index: 9;
        transition: all 0.1s ease-in-out;
        border:2px solid;
        border-radius:50%;
        display:initial !important;
    }        
    .fab1 {
        width: 35px;
        height: 35px;        
        color: white;
        text-align: center;
        position: absolute;        
        right: 6px;
        top: 103px;
        transition: all 0.1s ease-in-out;
        z-index: 9;
        transition: all 0.1s ease-in-out;
        border:2px solid;
        border-radius:50%;
        display:initial !important;
    }
    .mobile-show
    {
        /*display:inherit !Important;*/
    }
    
    .desktop-view
    {
        display:none;
    }    
    .map-index
    {
        width:100% !Important;
    }    
    .container_map
    {
        width:auto !Important;
    }
    div#page1 {
        margin-top: 50px;
    }
    header#header {
        position: fixed;
        left: 0 !Important;
        display:none;
    }
    .circlee
    {
        width: 17.9%;
        margin: 0 0 0 2.0%;
        float: left;
    }
    
    
}

@media (max-width: 500px)  
{
    .header_topp
    {
        display:none;
    }
    div#page1 {
        margin-top: auto;
    }
    .circlee {
        display: contents;
    }
}



.highlightss
{
    font-weight:700;font-style: italic;color: gold;
} 
.header_topp
{
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 999999999;
    background: #FFF;
}
.color-black
{
    color:#000 !Important;
}
.fab,.fab1 
{
    display:none;
}
.color-white
{
    color:#FFF !Important;
}


/*counter*/
.counter
{
    /*background-color: #eaecf0;*/
    text-align: center;
}
.employees,.customer,.design,.order
{
    margin-top: 70px;
    margin-bottom: 70px;
}
.counter-count
{
    font-size: 36px;
    background-color: #FFF;
    width:100px;
    height:100px;
    border-radius: 50%;
    position: relative;
    color: #413865;
    text-align: center;
    line-height: 92px;
    /*width: 92px;
    height: 92px;*/
    font-weight: 600;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.counter_plus
{
    font-size: 36px;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 24px;
    color: #000000;
    line-height: 34px;
    font-weight: 600;
}

.font-icon-circle
{
    font-size:70px;
}
