@media only screen and (max-width:1620px) {
     	.container{
       max-width:1250px;
      }

} 
@media only screen and (max-width:1500px) {
    	.container{
       max-width:1100px;
      }
      nav ul li a{
       padding:15px 10px;
      }
}


@media only screen and (max-width:1400px) {
    nav ul li a{font-size: 14px; padding: 15px 10px;}
    header.is-sticky nav ul li a{font-size: 14px; padding: 15px 10px;}
    .social-media-top::after {

    background-size: 80%;

}
.media_top li{
 padding:0 6px;
}
   
}
 @media only screen and (max-width:1300px) {
.container { padding: 0 20px;     max-width:1000px; }
.features-list h4 { font-size: 22px; }
.col-right h1 { font-size: 45px; line-height: 55px; }
.features-list ul li { padding: 15px; }
.page h2 { font-size: 38px; line-height: 45px; }
.benefits-box-right p { padding-top: 25px; margin-bottom: 60px; }
.mobile { max-width: 250px; height: 420px; left: 45%; }
.mobile-image-slider { padding: 30px 32px 30px 32px; }
.screen-slide { width: 138px; height: 255px; top: 33px; }
.men-1 { width: 100px; height: 300px; right: 85px; top: 60px; }
.men-2 { width: 100px; height: 300px; left: 33%; top: 60px; }
}
 @media only screen and (max-width:1200px) {
     .container{
       max-width:960px;
      }
      
       .social-media-top::after {

    background-size: 68%;

}

.media_top li{
 font-size:21px;

}
.media_top{
  margin-top:58px;
}

.col-right h1 { font-size: 35px; line-height: 50px; }
.benefits-box-left:after { width: 425%; height: 100%; max-width: 1000px; background-size: 85%; left: -210%; }
.page h2 { font-size: 33px; line-height: 40px; }
.page p { font-size: 18px; line-height: 30px; margin-top: 20px; }
.page h5 { font-size: 22px; padding-bottom: 20px; }
.page h5:after { height: 3px; }
.features-list h4 { font-size: 20px; }
.slider-right h4 { font-size: 30px; }
.step h5 { padding: 5px 0 10px 0; line-height: 20px; }
.step h5 {  padding-bottom: 20px; }
.partners ul li { margin: 15px; }
nav ul li a { font-size: 13px; padding: 8px 8px; }
     header.is-sticky nav ul li a{ font-size: 13px; padding: 8px 8px; }
     .menu{right: 14%;}
.logo-sec { max-width: 200px; }
.mobile { max-width: 200px; height: 370px; left: 45%; }
.mobile-image-slider { padding: 30px 32px 30px 32px; }
.screen-slide { width: 138px; height: 255px; top: 33px; }
.men-1 { width: 100px; height: 300px; right: 85px; top: 60px; }
.men-2 { width: 100px; height: 300px; left: 33%; top: 60px; }
.phone-right { max-width: 355px; }
.slider-right ul { width: 70%; }
.slick-dots { left: 37%; }
.phone-white { left: 70px; }
.slick-dots li { width: 10px !important; height: 10px !important; margin: 0 3px; }
.slider-nav .slick-prev { left: 50px; }
.slider-nav .slick-prev,
.slider-nav .slick-next { top: 82%; }
.logo-btm img { width: 10%; }
.col-center h3 { font-size: 38px; padding-bottom: 20px; }
.col-center h6 { margin: 25px 0; }
footer { height: 100px; }
}



 @media only screen and (max-width:1100px) {
     .container{
       max-width:860px;
      }
      
      
 @media only screen and (max-width:1024px) {




.lag { right: 65px; }
nav li { margin: 0px; }
ul.menu-left { background: #0c1e2c; 
    display: inline-block;
    margin-top: 35px!important;
  }
nav .menu-left li { width: 100%; float: right; }
nav .menu-left li a { width: 100%; float: right; padding: 8px 15px 8px 0; text-align: right; }
.partners { padding: 40px 20px; }
.partners ul li { margin: 0px; width: 20%; }
.partners ul li a img { width: 90%; height: 100%; }
.container { padding: 0 10px;        max-width:800px; }
.col3 { padding: 30px; }
.col-right h1 { font-size: 30px; line-height: 45px; }
.btn { max-width: 140px; }
.app-button { margin-top: 30px; }
.mobile { max-width: 200px; height: 370px; left: 48%; }
.mobile-image-slider { padding: 30px 32px 30px 32px; }
.screen-slide { width: 138px; height: 255px; top: 33px; }
.men-1 { width: 100px; height: 300px; right: 70px; top: 60px; }
.men-2 { width: 100px; height: 300px; left: 30%; top: 60px; }
.col-right { padding-top: 60px; }
/* .row { padding: 200px 0 60px 0px; } /* erfan */
.banner-part { min-height: 600px; }
.phone-right { max-width: 320px; }
.abt-left { margin: 10px 0 0 0; }
.about-part { min-height: 600px; }
.features-cont { margin: 0px; }
.page p { font-size: 16px; line-height: 25px; }
.page h5 { font-size: 18px; padding-bottom: 10px; }
.page h5:after { height: 2px; top: 12px; }
.features-list { margin-top: 40px }
.logo-btm img { width: 10%; }
.col-center h3 { font-size: 35px; padding-bottom: 15px; }
.col-center h6 { font-size: 16px; margin: 20px 0; }
.media li a { font-size: 26px; }
.media li { width: 50px; height: 50px; }
.media { margin: 40px 0 40px 0; }
footer { height: 80px; }
.page h2 { font-size: 28px; }
.page p { font-size: 14px; line-height: 25px; margin-top: 10px; }
.page h5:after { width: 45px; padding-left: 60px; }
.benefits-box-right p { margin-bottom: 20px; padding-top: 10px; }
header { padding: 20px 0; }
.logo-sec { max-width: 170px; }
.cd-nav-trigger { display: block; }
.contact-cont { margin: 100px 0 0 0; }
header.is-sticky { padding: 10px; }
.cd-nav-trigger { top: 10px; }

.col-left{ padding-top:30px;}
     .menu{right: -50px; float:none; position:absolute;}
     .media_top li{font-size: 20px; padding: 0 0 0 10px;}
     .media_top{ margin-top: 70px;}
     .lang a{padding: 15px 10px 15px 0px; color: #000;}
     .social-media-top:after{background-size: 75%;}
}
 @media only screen and (max-width:968px) {
.col-right h1 { font-size: 24px; line-height: 33px; padding: 20px 0; }
 .menu{right:10px; }
.mobile { max-width: 150px; height: 280px; left: 48%; }
.mobile-image-slider { padding: 30px 32px 30px 32px; }
.screen-slide { width: 138px; height: 255px; top: 33px; }
.men-1 { width: 90px; height: 210px; right: 90px; top: 60px; }
.men-2 { width: 90px; height: 210px; left: 36%; top: 60px; }
.mobile-image-slider { padding: 20px 20px 20px 20px; }
.screen-slide { width: 110px; height: 212px; top: 21px; }
.btn { max-width: 100px; }
/* .row { padding: 130px 0 110px 0px; } /* erfan */
.pt-130 { padding-top: 130px !important; }
.banner-part { min-height: 440px; }
.about-part { padding-top: 40px; }
.phone-right { max-width: 260px; }
.phone-slider { top: 17px; left: 27px; width: 156px; }
.phone-white { background-size: 240px; left: 60px; top: 50px; }
.slider-right h4 { font-size: 24px; }
.slider-nav .slick-prev { left: 20px; }
.about-part { min-height: 450px; }
.slider-right { padding: 50px 10px; }
.steps { margin: 100px 0 0 0; }
.slick-dots li { width: 10px !important; height: 10px !important; }
.number h1 { font-size: 170px; }
.slider-nav .slick-next { margin: 0px; }
.slider-nav .slick-prev { left: 6px; }
.page p { line-height: 20px; }
.slick-dots { bottom: 20px; }
.benefits-box-left:after { background-size: 90%; left: -222%; }
.contact-cont { margin: 70px 0 0 0; }
.logo-btm img { width: 12%; }
.slider-left:after { background-size: 75%; }
}
 @media only screen and (max-width:768px) {
.partners ul li { width: 25%; }
.col3 { padding: 20px; }
.men-1 { right: 40px; }
     .abt-left-bg:after { bottom: 0px;}

}
@media (min-width: 639px) and (max-width: 768px) {
.slick-dots { left: 42%; }
}
 @media only screen and (max-width: 639px) {
.banner-part { text-align: center; }
.about-part { text-align: center; }
.home-left { width: 100%; left: 50%; margin: 0 0 0 -240px; max-width: 480px; }
.partners ul li { width: 33%; }
.partners { padding: 30px 15px; }
.features-list ul li { width: calc(100% / 2); }
.features-list ul li:nth-child(3) { border-right: 1px solid #fec524; }
.features-list ul li:nth-child(5) { border-right: 1px solid #fec524; }
.features-list ul li:nth-child(4) { border-right: 1px solid #fec524; border-right: inherit; }
.col3 { padding: 30px; }
.abt-left { width: 100%; margin: 0; }
.abt-right { width: 100%; }
.col-right { width: 100%; }
.col-left { width: 100%; margin: 70px 0 0 0; }
.slider-left { width: 100%; }
.slider-right { width: 100%; text-align: center; }
.slider-right ul { width: 100%; text-align: center; }
.slider-right h4 {display: none;}
.number h1 { font-size: 140px; }
.benefits-box-left { width: 100%; height: 490px; }
.benefits-box-right { width: 100%; padding: 0px; }
.abt-left-bg:after { left: 0px; bottom: inherit; width: 100%; top: 0px; }
.abt-right { margin-top: 50px; }
.slider-left:after { background-size: 60%; }
.phone-white { left: 30%; min-height: 400px; padding: 0px; }
.benefits-box-right:after { bottom: inherit; height: 70%; }
.logo-btm img { width: 15%; }
footer p { font-size: 14px; padding: 25px 0; }
.col-center h3 { font-size: 26px; }
.contact-cont { margin: 70px 0 0 0; }
.partner-sec { padding: 30px 0 0 0; }
.men-2 { left: 80px; }
.mobile { left: 165px; }
.men-1 { right: 80px; }
.men-1 { width: 95px; height: 210px; }
.men-2 { width: 95px; height: 210px; }
.banner-part { min-height: 690px; }
.sec-top { left: 0px; }
.app-button { margin-top: 20px; display: inline-block; text-align: center;}
.row { width: 100%; height: 100%; left: 0px; /* padding: 130px 0 0px 0px;  /* erfan */ }
.pt-130 { padding-top: 130px !important; }
.col-right { padding-top: 40px; }
.btnP { max-width: 120px; }
.sec-top { width: 100%; height: 100%; }
.slick-dots { bottom: 0px; }
.about-part { min-height: 640px; }
.benefits-box-left:after { background-size: 60%; left: -50%; }
.benifit-cont { margin: 50px 0 0 0; }
.page h2 { font-size: 20px; line-height: 28px;  text-align: center;}
.slick-dots { left: 42%; }
.slider-nav .slick-prev { left: 20%; }
.slider-nav .slick-prev,
.slider-nav .slick-next { top: 87%; }
.slider-nav .slick-next { margin: 0; right: 25%; }
     .about-cont{ padding-top: 40px;  text-align: center;}
     .page h5{ display: block;  text-align: center; padding-left: 0px;}
     .page h5::after {left: 30%; padding-left: 0px; width: 60px}
     .page p{ text-align: center;}
     .mob-heading{ width: 100%; float: left; height: auto;}
     .mob-heading h4{ display: block; text-align: center;  color: #FFF; font-size: 20px; font-weight: 600; width: 100%; float: left; height: auto; padding-bottom: 20px;}
     .col-right h1 { font-size: 20px; line-height: 28px; padding: 0px;}
     
     .about-part{ padding-top: 0px;}


}
 @media (min-width: 320px) and (max-width: 480px) {
.benefits-box-left:after { background-size: 60%; left: -50%; }
.men-2 { left: 18%; }
.mobile { left: 30%; }
.men-1 { right: 28%; }
.slider-nav .slick-next { right: 11%; }
}
 @media only screen and (max-width: 480px) {
.partners ul li { width: 50%; }
.partners { padding: 20px 10px; }
.col-center h3 { font-size: 28px; padding-bottom: 0px; }
.features-list h4 { font-size: 15px; }
.col3 { padding: 15px; }
.contact-cont { margin: 80px 0 0 0; }
.partner-sec { padding: 40px 0 0 0; }
.page h2 { font-size: 20px; line-height: 25px; }
.benefits-box-right p { margin-bottom: 20px; padding-top: 20px; }
.benifit-cont { margin: 60px 0 0 0; }
.benefits-box-right:after { height: 60%; width: 100%; }
.slider-right ul { width: 100%; }
.slider-right h4 { padding-top: 0px; }
.phone-white { min-height: 410px; left: 25%; }
.slider-right h4 { text-align: center; }
.number h1 { font-size: 133px; }
.slider-right h4 { font-size: 20px; }
.page h5 { font-size: 16px; }
.page p { font-size: 13px; line-height: 18px; }
.slick-dots { left: 40%; }
.slider-nav .slick-prev,
.slider-nav .slick-next { margin: 0px; top: 85%; }
.slider-nav .slick-prev { left: 25%; }
footer p { font-size: 13px; padding: 30px 0; }
.media { margin: 20px 0 20px 0; }
.steps { margin: 70px 0 0 0; }
.mobile { left: 35%; }
.phone-right { max-width: 190px; }
.abt-right { margin-top: 30px; }
.slider-left:after { background-size: 65%; }
.col-right h1 { font-size: 20px; line-height: 27px; }
.about-part { padding-top: 20px; min-height: 500px; }
.cd-nav-trigger { width: 40px; height: 40px; }
.media li { width: 40px; height: 40px; margin-right: 10px; }
.media li a { font-size: 20px; }
.logo-btm img { width: 23%; }
.benefits-box-left:after { background-size: 60%; left: -80%; }
.page h5:after { width: 40px; }

.screen-slide { width: 100px; height: 211px; }
.about-part { padding-top: 0px; }
.home-left { width: 100%; left: 50%; margin: 0 0 0 -180px; max-width: 360px; }
.men-1 { width: 80px; height: 190px; right: 20px; }
.men-2 { width: 80px; height: 190px; left: 40px; }
.mobile { left: 115px; max-width: 140px; height: 260px; }
     .col-left {margin: 20px 0 0 0;}
     .banner-part{    min-height: 630px;}
     .about-cont{ padding-top: 0px;}
     .social-media-top:after{  width: 120px; height: 200px;    background-size: 85%;}
     .media_top li{font-size: 16px;}
}
 @media only screen and (max-width: 360px) {
.features-list h4 { font-size: 13px; }
.phone-white { background-size: 190px; min-height: 330px; }
.phone-slider { top: 14px; left: 21px; width: 123px; }
.contact-cont { margin: 50px 0 0 0; }
.about-part { padding-top: 10px; }
.banner-part { min-height: 625px; }
.mobile { left: 30%; max-width: 120px; height: 230px; }
.men-2 { left: 14%; height: 160px; width: 70px; }
.men-1 { right: 17%; width: 70px; height: 160px; }
.screen-slide { width: 80px; }
.benefits-box-left:after { background-size: 50%; left: -80%; }
.benifit-cont { margin: 30px 0 0 0; }
.benefits-box-left { height: 400px; }
.home-left { width: 100%; left: 50%; margin: 0 0 0 -160px; max-width: 320px; }
.men-1 { width: 80px; height: 180px; right: 20px; top: 40px;}
.men-2 { width: 80px; height: 180px; left: 30px; top: 40px; }
.mobile { left: 105px; max-width: 140px; height: 225px; }
     .page h5:after{ width: 35px; left: 20%;}
     .slider-right {    padding: 30px 10px;}
     .social-media-top:after{background-size: 80%;}
}

/*@media (max-width: 767px){
button.slick-prev.slick-arrow{
  margin-left: 15%!important;
}

button.slick-next.slick-arrow{
  margin-right: 15%!important;
}

}*/