*{box-sizing: border-box;padding:0px;margin:0px;font-family:Yekan;}
body{padding:0px;margin:0px;font-family:Yekan;}/*F4F2F3*/
:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1; 
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(177, 196, 6);
--darkgreen:#096430;
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80);


}

/* 0b54ba */
.trans0_25{transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s;-ms-transition:0.25s;-o-transition:0.25s;}
.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.Hmenu-hamber.active{top:0;}
.Hmenu-hamber.active>.menu{right:0px;}
.Hmenu-hamber{display: block;width:100%;position: fixed;top:-100%;right:0px;height:100%;z-index: 100000;}
.Hmenu-hamber>.menu{right:-200px;width:200px;height:100%;position: absolute;top:0px;right:-200px;overflow-y: scroll;}
.Hmenu-hamber>div{background:#000a;width:100%;height:100%;top:0px;right:0px;}
.Hmenu-hamber-btn{cursor:pointer;display:none;position: fixed;right:15px;top:15px;z-index:100000;font-size:25px;width:45px;height:45px;text-align:center;padding-top:10px;}



.hb1>ul>.logo>a{display:block;height:80px;width:100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.hb1>ul>li>a{display:block;padding:10px;margin-top: 10px;;}
/*------------------------------------------------HScroll-----------------------------------------------GENERAL----------*/
.HScroll-1{scrollbar-width: thin;scrollbar-color: rgba(200, 200, 200, 0.687) rgba(200, 200, 200, 0.272);}
.HScroll-1::-webkit-scrollbar {height:8px;}
/* Track */.HScroll-1::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(200, 200, 200, 0.272); border-radius: 10px;}
/* Handle */.HScroll-1::-webkit-scrollbar-thumb {background: rgba(14, 14, 14, 0.687) ; border-radius: 10px;}  
/* Handle on hover */.HScroll-1::-webkit-scrollbar-thumb:hover {background: rgb(200, 200, 200,0.8) ; }



.scrollHide {
    scrollbar-visibility: hidden; /* <--- I wish we had this one !! */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.scrollHide::-webkit-scrollbar { 
    display: none; /* Chrome Safari */
}

.scrollHide::-webkit-scrollbar { 
    width: 0;
    height: 0;
}

.line-limitor{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: wrap;}



.HAbout-WN11 .img{padding-top:50%;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.HAbout-WN11 .img img{position: absolute;top:-0.5%;right: -0.5%;width:101%;height: 101%;} 
.HAbout-WN11 .des{padding-top:14%;}
.HAbout-WN11 .des_L h1{color:#cf5619;padding-right:12%;font-family: BTitr;position: relative;text-align: right;}
.HAbout-WN11 .des_L h1::before{content: "";position: absolute;height:3px;width:10%;right:0px;top:30px;background:#f99321;}

.HAbout-WN11 .des_R h1{color:#457ea7;padding-left:12%;font-family: BTitr;position: relative;text-align: left;}
.HAbout-WN11 .des_R h1::before{content: "";position: absolute;height:3px;width:10%;left:0px;top:30px;background:#b1cce7;}

.HAbout-WN11 .des p{text-align: justify;font-size:15px;color:#555;}
.HAbout-WN11 .des a{display:block;text-align: center;width:100%;max-width:120px;border:1px solid #aaa;font-size:15px;color:#555;margin-top: 20px;;}
.HAbout-WN11 .des a:hover{border-color:transparent;padding-bottom: 5px;margin-top:15px;position: relative;}

.HAbout-WN11 .des_L a:hover{color:#cf5619; border-bottom: 1px solid #cf5619;}
.HAbout-WN11 .des_R a:hover{color:#457ea7; border-bottom: 1px solid #457ea7;}

.text-elips {
    white-space: nowrap; 
    display:block;
    overflow: hidden;
    text-overflow: ellipsis; 
  }
/*--------------------------------------------------mainMenu-----------------------------------------------------------------------*/
.mainMenu{background:transparent;z-index:2000;position:fixed;top: 0;}
.mainMenu ul{padding:10px 10px;text-align: center;}
.mainMenu li:first-child{border:1px solid #fff;float:right;overflow: hidden;border-radius: 50px;}
.mainMenu li:first-child a{padding:5px 40px !important;}
.mainMenu li{list-style-type: none;display:inline-block;font-size: 15px;}
.mainMenu li:not(:last-child) a{display:inline-block;padding:5px 20px;color:#eee;}
.mainMenu li:not(:last-child) a:hover{background:#fff;color:#0b54ba;}
.mainMenu li.logo{float: left;padding-top:0px;;}
.mainMenu li.logo a{display: block;width:40px;height:40px;background-image: url('../images/logo/logo.png');background-position: center;background-size: contain;background-repeat: no-repeat;}

.menu_stylingONscroll{background: #fff;box-shadow: 0px 1px 5px #aaa;}
.menu_stylingONscroll li:first-child{border:1px solid #0b54ba;}
.menu_stylingONscroll li:first-child a{color:#0b54ba !important;}
.menu_stylingONscroll li:first-child a:hover{color:#fff !important;}
.menu_stylingONscroll li:not(:last-child) a{display:inline-block;color:#666;padding:3px 7px;}
.menu_stylingONscroll li:not(:last-child) a:hover{background:#0b54ba;color:#fff;}
.menu_stylingONscroll li.logo a{width:40px;height:40px;background-image: url('../images/logo/logo2.png');}


.main-header{position:relative;height:100% !important;min-height:700px;background:#0b54ba;background-position:right bottom;background-size:contain;background-repeat: no-repeat;}
.main-header::before{content: "";width:100%;height:100%;position: absolute;top:0px;left:0px;background:#0b54badd}
.main-header *{z-index:100;position: relative;}
.main-header .img{width:55%;display:block;height:80%;bottom:0px;left:0px;position: absolute;background-position: center;background-repeat: no-repeat;background-size:contain;}
.main-header .img::before{content: "";z-index:200;width:100%;height:100%;position: absolute;top:0px;right:0px;background:#10191e4f;}
.main-header .img2{display:none;}
.main-header .data{padding-right:10%;padding-top:15%;padding-bottom: 7%;z-index: 200;}
.main-header .data h1{font-size: 50px;color:#fff;}
.main-header .data h1 b{padding:0px 50px;border:2px solid #FFD700;}
.main-header .data .about-company{width:35%;color:#fff;text-align: justify;}
.main-header .data .about-company2{color:#fff;text-align: justify;display: none;}
.main-header .data .about-company{max-height:150px;font-size:14px;line-height:29px;-webkit-line-clamp: 4;font-weight:550;}


.tav-btn{border:1px solid #0b54ba;padding:5px 15px;width:200px;font-size:15px;color:#0b54ba;display: inline-block;}
.tav-btn span{position:relative;top:9px;display: inline-block;float:left;}
.tav-btn:hover{background:#0b54ba;color:#fff;}

.Home-slider{border-bottom:0px;}
.Home-slider > div:first-child{position:relative;}
.Home-slider > div:first-child >.arrow{position:absolute; ;width: 100%;height: 130px; top:48%;}
.Home-slider > div:first-child >.arrow >span{position:absolute;display:inline-block;z-index:10;transition:0.25s;transform:translate(0%,-50%);cursor: pointer;color:#fff;text-shadow: 0px 0px 5px #333;font-size:25px;padding:10px 10px;background:rgba(150,150,150,0.7);}
.Home-slider > div:first-child >.arrow >span:first-child{right:20px;}
.Home-slider > div:first-child >.arrow >span:last-child{left:20px;}
.Home-slider > div:first-child >.arrow >span:first-child:hover{padding-left:15px;padding-right:5px;}
.Home-slider > div:first-child >.arrow >span:last-child:hover{padding-right:15px;padding-left:5px;}
.Home-slider > div:first-child >.button{padding:20px;height: auto;position: absolute;bottom:5%; right:2%;z-index: 100;display: block;text-align:center;}
.Home-slider > div:first-child >.button >span{background-color: rgb(255,255,255);width: 12px;height: 12px;margin:6px 5px;display: block;}
.Home-slider > div:first-child >.button >span:hover{background-color: rgb(254,217,6);}
.Home-slider > div:first-child >.button >span.active{background-color: rgb(254,217,6);}
.Home-slider > div:first-child >.body{}
.Home-slider > div:first-child >.body>div{display: none;}
.Home-slider > div:first-child >.body>div:first-child{display:block;}
.Home-slider > div:first-child >.body .img{background-color:#eee;border:15px solid #fff;float:right;padding-top:45%;width:38%;position: relative;margin-top:-10%;right:8%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.Home-slider > div:first-child >.body .data{width:50%;float: left;position: relative;}
.Home-slider > div:first-child >.body .data>h1{margin-top:25px;margin-bottom:25px;display:inline-block;padding:5px 50px;border:2px solid #FFD700}
.Home-slider > div:first-child >.body .data>p{max-height:150px;font-size:15px;line-height:29px;-webkit-line-clamp: 4;font-weight:550;}
.Home-slider > div:first-child >.body .data>div:nth-child(4),.Home-slider > div:first-child >.body .data>div:nth-child(5){width:50%;float: right;}
.Home-slider > div:first-child >.body .data>div:nth-child(4)>span,.Home-slider > div:first-child >.body .data>div:nth-child(5)>span{display:block;}
.Home-slider > div:first-child >.body .data>a{position:relative;display:block;padding:7px 10px 7px 20px;width:200px;border:2px solid #659fe8;float:right;color:#fff;}
.Home-slider > div:first-child >.body .data>a>span{padding:15px;left:0px;position:absolute;cursor:pointer;height:100%;top:0px;display: inline-block;background:#659fe8;}
.Home-slider > div:first-child >.body .data>a:hover{background: #659fe8;}
.Home-slider > div:first-child >.body>div>.title{display:none;width:50%;float: left;position: relative;}
.Home-slider > div:first-child >.body>div>.title>h1{display:inline-block;margin-top:15px;margin-bottom:15px;padding:0px 50px;border:2px solid #FFD700;}




/*---------------------------slider--------------------*/
.product-slider{border-bottom:0px;}
.product-slider > div:first-child{position:relative; padding-top:50%;overflow: hidden;height: 0px;}
.product-slider > div:first-child >.arrow{position:absolute; ;width: 100%;height: 130px; top:48%;}
.product-slider > div:first-child >.arrow >span{position:absolute;display:inline-block;z-index:10;transition:0.25s;transform:translate(0%,-50%);cursor: pointer;color:#fff;text-shadow: 0px 0px 5px #333;font-size:25px;padding:10px 10px;background:rgba(150,150,150,0.1);border-radius:50px;}
.product-slider > div:first-child >.arrow >span:first-child{right:20px;}
.product-slider > div:first-child >.arrow >span:last-child{left:20px;}
.product-slider > div:first-child >.arrow >span:first-child:hover{padding-left:15px;padding-right:5px;}
.product-slider > div:first-child >.arrow >span:last-child:hover{padding-right:15px;padding-left:5px;}
.product-slider > div:first-child >.button{height: auto;position: relative;z-index: 100;display: block;padding: 0;text-align:center;}
.product-slider > div:first-child >.button >span{transform:translateY(-70px);background-color: rgb(255,255,255);width: 12px;height: 12px;border-radius:50%;box-shadow:0px 0px 5px #555;margin: 0 5px;display: inline-block;}
.product-slider > div:first-child >.button >span:hover{background-color: rgb(254,217,6);box-shadow:0px 0px 5px #111}
.product-slider > div:first-child >.button >span.active{background-color: rgb(254,217,6);box-shadow:0px 0px 5px #111}
.product-slider > div:first-child >.body{ height: 300}
.product-slider > div:first-child >.body a{cursor:default;/*opacity:0*/;z-index: 0;display: block;background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0px;}
.product-slider > div:first-child >.body a:first-child{opacity:1;}
.product-slider > div:first-child >.gallery{color:#fff;font-size:30px;cursor:pointer;text-shadow: 0px 0px 2px #000;position: absolute;bottom: 5px;left:5px;z-index:100;display:inline-block;}

.defaultimg{cursor:default;/*opacity:0*/;z-index: 0;display: block;background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;position:relative;padding-top:50%;}

#datas{background:#fff;box-shadow:0px 0px 5px #ccc;border-radius:0px 0px 4px 4px ;}
#datas .titr{}
#datas .titr::before {
    content: "";
    width:10px;height: 10px;
    margin-left: 8px;
    font-size:20px;
    display:inline-block;
    background-color: #FFD700; /* Or a color you prefer */
}

#datas .details{color:#444;line-height:40px;}
#datas .option_1{color:#0b54ba;}
#datas .option_1::before {
    content: "-";
    top:2px;
    position:relative;
    color:#aaa;
    margin-left: 8px;
    font-size:20px;
    display:inline-block;
    
}
#datas .hshtag a{font-size:small;margin:2px;padding:1px 15px;border-radius: 20px;color:#fff;background:#659fe8;display: inline-block;}
#datas .hshtag a:hover{background:#0b54ba;}

/*------------------------------------------------Filter---------------------------------------------------------*/

.Filter>#sticky{position: sticky;top:70px;}
.Filter form{padding:10px;position:relative;background:#fff;box-shadow:0px 0px 5px  #bbb;width:90%;right:5%;}
.Filter form select{border: 1px solid #aaa;cursor:pointer;margin:10px auto;width:100%;display: block;color:#555;font-size:17x;padding:5px 7px;}
.Filter form input[type="submit"]{width:100%;display:block;margin:0px auto;cursor:pointer;margin-top:40px;text-align:center;background:#0b54ba;color:#fff;border:1px solid #0b54ba;padding:10px 5px;}
.Filter form input[type="submit"]:hover{background:#fff;color:#0b54ba;}
.Filter form .data-filter{display:none;}





.Case{padding: 10px;}
.Case>div{background-color: #fff;padding:10px;overflow:auto;position: relative;padding-bottom:57px;border:1px solid #ddd;}
.Case>div:hover{box-shadow: 0px 0px 5px #aaa;}
.Case .img{position:relative;padding-top:85%;width:100%;background-position: center center ; background-repeat: no-repeat;background-size: cover;}
.Case .img::before{content:"";position:absolute;top:0px;right:0px;width:100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.Case .img>div{position:absolute;color:#fff;}
.Case .img>div>b{color:#0b54ba;padding-left:5px;}
.Case .img small{color:#0b54ba;position: absolute;padding:0px 10px;background:#fff;border-radius: 5px;bottom:5px;left:5px;}
.Case .img .brand{top:5px;right:0px;background-color: #0b54ba;padding:0px 2px 0px 20px;border-radius:20px 0px 0px 20px;font-size:14px;font-weight: bold;}
.Case .place-type{color:#0b54ba;font-size:15px;font-size:bold;}
.Case .Hrow>div{color:#777;}
.Case .Hrow>div>b{color:#0b54ba;padding-left:5px;}
.Case .bottom-detail{position: absolute;bottom:0px;right:0px;width: 100%;padding:0px 0px;overflow:hidden;}
.Case .bottom-detail>a{width:50%;left:-10px;z-index:2;padding-top:7px;transform: skewX(-20deg);color:#fff;position: absolute;text-align: center;background:#0b54ba;height:101%;display:inline-block;top:0px;}
.Case .bottom-detail>a>b{display: block;transform:skewX(20deg);cursor: pointer;}
.Case .bottom-detail>span{width:60%;color:#fff;font-size:14px;position: relative;text-align: center;background:#222;padding:8px 0px;display:inline-block;top:0px;}

#contactFix{display:none;position:fixed;z-index:1100;bottom:70px;right:70px;width:200px;padding:10px;background:#fff;border-radius:5px;box-shadow: 0px 0px 7px #bbb;}
#contactFix::after{content: "";border: 10px solid ;position:absolute;border-color: transparent transparent #fff transparent;border-radius: 40%;right:-9px;bottom:0px;}
#contactFix h4{border-bottom:1px dotted #bbb;text-align: right;padding-right:10px;}
#contactFix a{border-radius:10px;display: block;margin-top:10px;padding:2px 5px;}
#contactFix a span{cursor:pointer;float:right;position: relative;top:1px;width:30px;height:30px;color:#fff;border-radius: 50%;text-align: center;padding-top: 7px;}
#contactFix a:hover{background:#eee;}
.Goup,.btn-fix{z-index:1000;cursor:pointer;position: fixed;font-size: 25px;font-weight: bold;width:50px;height:50px;border-radius:50%;text-align: center;}
.btn-fix{bottom:30px;right:20px;background:#FFD700;color:#fff;padding-top:12px;box-shadow:0px 0px 5px  #FFD700;}
.Goup{bottom:-50px;left:20px;background:#0b54ba;color:#fff;padding-top:12px;box-shadow:10px 14px 15px -14px #0b54ba;}
.GoupShow{bottom:30px;}




.contactBox{padding-top:120px;}
.contactBox>div{max-width: 400px;border-radius:5px;box-shadow: 0px 0px 5px #aaa;margin:auto;background:#fff}
.contactBox>div>p>span{width:50px;text-align:center;float:right}
.contactBox>div>p{text-align: left;}



/**********************Hfooter-A2C********************/
.Hfooter-A2C {padding:3% 4%;}

.Hfooter-A2C>div>div:nth-child(1){padding:1%;}
.Hfooter-A2C>div>div:nth-child(1) .logo-name {font-size:1.4em;color:#eee;position: relative;top:-12px;padding-right:5px;}
.Hfooter-A2C>div>div:nth-child(1) .logo{width:40px;height:40px;display:inline-block;background-position: center;background-repeat: no-repeat;background-size: contain;}
.Hfooter-A2C>div>div:nth-child(1)>div>span {font-size:1.4em;color:#f8fafc}
.Hfooter-A2C>div>div:nth-child(1)>div:nth-child(2) {line-height:1.7;color:#f8fafc;font-size:0.90em;margin-top:10px;text-align: justify;padding-left:1.5%;}
.Hfooter-A2C>div>div>div {font-weight:bold;color:#f8fafc;font-size:1.2em;}
.Hfooter-A2C>div>div:nth-child(2)>a {color:#a4c2da;cursor:pointer;transition:0.2s;}
.Hfooter-A2C>div>div:nth-child(2)>a:hover {color:#dfdfdf}
.Hfooter-A2C>div>div:nth-child(3)>p {color:#a4c2da;margin:0px;}
.Hfooter-A2C>div>div:nth-child(3)>a {width:35px;height:35px;border-radius: 50%;margin:5px;background: transparent;color:#fff;text-align: center;padding-top:10px ;}/*for icons*/
.Hfooter-A2C>div>div:nth-child(3)>a:hover{color: #10191e;background:#FFD700}
.Hfooter-A2C>div>div:nth-child(4)>div {width: 100%;height:1px;background:#FFD700;margin:30px 0 20px 0}
.Hfooter-A2C>div>div:nth-child(4)>p {float:right;color:#f8fafc}
/********************end-Hfooter-A2C******************/

/* xss 320*/
@media only screen and (max-width : 320px) {
    .Hfooter-A2C>div>div:nth-child(6) {margin: 20px 0;}
    /* .Home-slider > div:first-child >.button{display:none !important;} */
 
    
    .Home-slider > div:first-child >.body .img{border:5px solid #fff !important;padding-top:70% !important;width:59% !important;right:5% !important;}
    .Home-slider > div:first-child >.body .data>h1{padding:0px 30px;font-size: medium;margin-top: 10px;margin-bottom: 10px;}
    .Home-slider > div:first-child >.body>div>.title{display:none !important;}

}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {



    .Home-slider > div:first-child >.body .img{border:5px solid #fff !important;padding-top:70% !important;width:59% !important;right:5% !important;}
    .Home-slider > div:first-child >.body .data>h1{display:none;}
    .Home-slider > div:first-child >.body>div>.title>h2{display:none;}
    .Home-slider > div:first-child >.body>div>.title>h1{font-size: 20px;padding:0px 20px;}
    .Home-slider > div:first-child >.body>div>.title{width: 120px;padding:10px;}


}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {
    .Home-slider > div:first-child >.body>div>.title>h2{font-size:19px;}
    .Home-slider > div:first-child >.body .data>h1,.Home-slider > div:first-child >.body .data>h2{display:none;}
    .Case{padding: 3px;}
}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {
    .main-header{min-height:500px;}
    .main-header .img{width:45%;height:65.5%;}
    .main-header .data{padding-right:7%;padding-top:12%;}
    .main-header .data h1{font-size: 60px;}
    .main-header .data h1 b{padding:0px 50px;}
    .main-header .data .about-company{width:40%;}
    .main-header .data .about-company{max-height:250px;-webkit-line-clamp: 8;}

    .Home-slider > div:first-child >.body .data>h1,.Home-slider > div:first-child >.body .data>h2{display:none;}
    
}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {
    .main-header{padding-top:50px;}
}

/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {
   

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {
    .main-header{min-height:500px;}
    .main-header .img{width:45%;height:65.5%;}
    .main-header .data{padding-right:7%;padding-top:12%;}
    .main-header .data h1{font-size: 60px;}
    .main-header .data h1 b{padding:0px 50px;}
    .main-header .data .about-company{width:40%;}
    .main-header .data .about-company{max-height:250px;-webkit-line-clamp: 8;}


}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {


}
/* xlg */
@media only screen and (min-width : 1201px) {



}

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){

    .mainMenu{display: none;}
    .Hmenu-hamber-btn{display:block;}
    
}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {
    
    .main-header .data h1{font-size: 40px;}
    .main-header .data h1 b{padding:0px 50px;}
    .main-header .data{padding-right:5%;padding-top:80px;padding-bottom: 3%;padding-left:5%;}
     .main-header .data .about-company{display: none;}
    .main-header .data .about-company2{display: block;}

    .main-header .img2{width:100%;display:block;position: relative;}
    .main-header .img{display:none;}
    
    
    
    .Home-slider > div:first-child >.button{padding:0px;height: auto;position: absolute;bottom:0%; left:5%;z-index:100;display: block;text-align:center;}
    .Home-slider > div:first-child >.button >span{margin:0px 5px;display: inline-block;}

.Home-slider{margin-top:10%;}
.Home-slider > div:first-child >.body .img{border:10px solid #fff;padding-top:45%;width:38%;margin-top:-20%;right:8%;}
.Home-slider > div:first-child >.body .data{width:100%;padding:15px;}
.Home-slider > div:first-child >.body>div>.title{display:block;}


.HAbout-WN11 .img{padding-top:100%;width:80%;right:10%;}
.HAbout-WN11 .des{padding-top:4%;}

.Filter{padding:10px !important;}
.Filter>div{position: relative !important;top:0px !important;}
.Filter form{width:100%;right:0px;}

}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {
    .Hfooter-A2C>div>div:nth-child(2) {margin:0px 0 30px 0}

    .mainMenu{display: none;}
    .main-header{min-height:500px;}
    .Hmenu-hamber-btn{display:block;}
}
@media only screen and (max-width : 623px){


}
@media only screen and (max-width : 623px) {

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}