@media only screen and (max-width : 1024px){ 
  .crub img{    width: 611px;}


}
@media only screen and (max-width : 991px){ 
  .crub img,.mobile-hide{display:none;}
  .sticky{padding:3px 21px 7px;}
  .how-to-work ul{display:inline-block;}
  .how-to-work ul li{    width: 100%; margin-bottom:30px;}
  .how-to-work ul.design-card{display:inline-block;}
  .how-to-work ul.design-card li{    width: 100%; margin-bottom:30px;}
  .how-to-work ul.design-card li:first-child,.how-to-work ul li::before{display:none;}
  #navbarTogglerDemo02{display:none;}
  .sidenav a{text-align: left; padding: 14px 9px; font-size: 15px; color: #fff; border-bottom: 1px solid #fff; background-color: #00A0C1;}
  .sidenav .closebtn{right:0;    top: -20px;     background-color: transparent;}
  .sidenav{background-color: #295C7A;}
  .top-head .fa-bars{display:inline-block;}
  .phone-number{display:block;}
}
@media only screen and (max-width : 767px){
  footer .foot-txt1 strong{margin-top:15px;}
  footer .foot-txt1 ul li a{font-size:14px;}
  .modal{top:30%;}
  .modal-body ul li{width: 50%; margin-bottom:0;}
  .modal-body ul li img {height: 100%!important;}
  .hide-mobile-1{display:none!important;}
  .how-to-work ul.design-card li{margin-right: 0;}
  .sticky{padding:8px 0 7px;}
  .top-head ul{justify-content: space-around;}
  .top-head ul li a{font-size: 13px;}
  .backtop { height: 460px;}
  .backtop h1 {font-weight: 600;font-size: 22px;line-height: 31px;}
  .backtop p {font-weight: 500; font-size: 15px;line-height: 26px;}
  .backtop .container-fluid {background-color: rgba(3,11,83,0.50);}
  .mt-top-2{    margin-top: 1rem;}
  .benifit::after{display:none;}
  .getintouch ul{display:inline-block;}
  .getintouch ul li{width:100%; margin-bottom:30px;}
  .cuadro_intro_hover{    margin-bottom: 29px}
  .mt-top-1{    margin-top: 0}
  .how-to-work,.why-chose,.issue{padding:2rem 0 2rem;}
  .how-to-work h2,.why-chose h3,.issue h4,.benifit h5,.getintouch h6{margin-bottom: 2rem; font-size:18px; font-weight:600;}
  .benifit ul{margin:0 0;}
  .why-chose strong,.how-to-work ul li strong{font-size:15px;}
  .why-chose ul li,.how-to-work ul li p{font-size:13px;}
  .benifit h5{margin-top:20px; margin-bottom:15px;}
  .benifit ul li{padding: 30px 0;font-size:13px;}
  .benifit ul li::after{border:none;}
  .project ul{display: inline-block; margin:0; text-align:center;}
  .project ul li{width:100%; margin-bottom:30px;}
  .project ul li strong{font-size:18px;}
  .getintouch{margin: 0 auto;width: 100%; text-align:center;padding-top: 0; padding-bottom: 18px;}
  .getintouch ul li.add{margin:0 0 30px;}
  .getintouch ul li img{height:36px;}
  .getintouch p{margin-bottom:30px;}
  .how-to-work ul li img{height:40px;}
  .navbar{display: inline-block; text-align:left;}
  .toppanel{text-align:center;}
  .collapse:not(.show){display:block;}
  .carousel-caption { bottom: 1rem; z-index: 10;}
  .carousel-item { height: 200px; background:transparent}
  .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 200px;}
}



/* @media screen and (max-height: 450px) {
    .backtop .container-fluid {background-color: rgba(3,11,83,0.50);}
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  } */