.mobiledisplay{display:none;}
.webdisplay{display:block;}
@media (min-width: 1px) and (max-width: 1040px) {
    .mobiledisplay{display:block;}
    .webdisplay{display:none;}
    section.fixed{text-align:center; width:calc(100% - 40px); left:20px; right:20px; }
    section.fixed a{width:80%; border-radius:100px !important;}
    header{height:40px !important;}
    .slider h1{line-height:40px;}
    .slider div.disflex{height:400px !important;}
    header div.logo img{height:40px;}
    .menu{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; 
    background-color:var(--white-color); transition: display .2s ease;}
    .menu ul{width:calc(100% - 60px); margin-left:30px;}
    .menu ul li{float:none;}
    .menu ul li a{height:30px; line-height:30px; display:block;}
    .menu ul li a:hover, .menu ul li a:active{background-color:var(--light-gray-color);}
    .menu ul li.mobiledisplay{padding-top:50px; padding-bottom:20px;}
    .menu ul li img{height:50px;}
    .menu ul li div.close{position:absolute; right:20px; top:20px; cursor:pointer;}
    .menu ul li div.close:hover, .menu ul li div.close:active{color:var(--green-color);}
    .menu ul li div.close i{font-size:40px;}
    .slider{margin-top:80px;}
    .slider div.image div.images{position:relative; left:0; bottom:0; text-align:center; padding-left:40px;}
    .slider div.image div.images img{width:100%; height:auto;}
    .action .heading-title{text-align:center !important; width:100%;}
    .heading-title{font-size:30px; line-height:30px; text-align:left;}
    .heading-desc{text-align:left; width:100%;}
    .moduls img{width:100%;}
    .accordionmenu{width:100%; line-height:20px; min-height:inherit; padding-bottom:15px; overflow:hidden; padding-top:15px;}
    .why ul li{width:100%;}
    .modullist{margin:0 0 0 20px !important; width:100% !important;}
    .modullist ul li{height:150px;}
    .modullist ul li img{height:30px; width:auto;}
    .teams div.col-md-4{width:calc(50% - 30px) !important; float:left !important; margin:0 !important;}
    .teams div.col-md-4:nth-child(2n+0){margin-left:20px !important;}
    .teams div.col-md-4:nth-child(2n+1){margin-left:20px !important;}
    .teams div.list{height:auto; margin-bottom:20px;}
    .contacts div.list div.icon, .contacts div.list div.text{float:none !important; margin-right:0 !important;}
    .contacts div.list div.icon{margin-bottom:10px;}
    .contacts div.list div.text{width:100% !important; margin-bottom:20px;}
 .footers div.logo{width:100%; float:none !important; text-align:center; margin-bottom:20px;}
.footers div.logo img{height:50px;}
.footers ul li {float:none; margin-left:0; text-align:center; width:100% !important; margin-bottom:10px;}
.footer-menu{width:100%; text-align:center;}
.lightbox .form{width:calc(80% - 60px);}
.header-bottom h1{line-height:30px; font-size:35px;}
.header-bottom h2{width:90%;}
.header-bottom div.head{width:80%; height:auto; margin-left:10%;}
.sector div.boxes ul li{line-height:20px;}
.sector div.boxes ul li div.fleft:nth-child(2){padding-top:5px;}
}