@media all and (max-width:1920px){
  
}

@media all and (max-width:1440px){
  .container {max-width:1140px;}
}

@media all and (max-width:1366px){
  .partner-icon img {width:100% !important;}
  .benifits-sec {background-position: 970px bottom, -160px top;}
}

@media all and (max-width:1280px){
}


@media all and (max-width:1199px){
  .whysec {background-position:40%;}
}


@media all and (max-width:1024px){
  .homebanner .text-box {top:60%;}
  .homebanner .text-box h2 {font-size:30px; line-height:40px;}
  .homebanner .text-box h3 {font-size:20px;}
  .registration-sec .left {display:none;}
  .registration-sec .right {min-width:100%; padding:30px;}
  .benifits-sec {background-position: 670px bottom, -160px top;}
  .whysec .left.pr-5 {padding-right:15px !important;}
}

@media all and (max-width:991px){
  /*Navbar CSS Start*/
  .navbar2 {display:block;}
  .offcanvas-header {
    display: block;
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    width:350px;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
    background-color: #fff !important;
  }

  html:lang(ar) .mobile-offcanvas {
    transform: translateX(100%);
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }

  .nav-cont {
    display: block !important;
    padding-right: auto !important;
    padding-left: auto !important;
  }

  #navbar_main {
    box-shadow: 0px 3px 17px #00000047;
  }
  .dropdown-menu {
    border: none;
  }
  .nav-item {
    border-bottom: 1px solid #eaeaea;
  }
  .navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(26, 130,100, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
  .navbar-expand-lg .navbar-toggler{display:block !important;}
  .navbar-nav {flex-direction:column !important; align-items:initial;}
  .navbar-nav .dropdown-menu {width:100%;}
  .navbar-brand {margin-left:0px !important;}
  .offcanvas-header {position:absolute; top:20px; right:20px;}
  .navbar-nav {margin-top:30px;}
  .login-register-mob a {margin-right:10px; padding:6px 20px;}
  .login-register-mob a:last-child {margin-right:0px;}
  .navbar-nav li a.nav-link {color:#000;}
  .hide-mob {display:none;}
  .navbar-expand-lg .container {padding:0px 15px;}
  .login-register-div.mob-hide {display:none;}
  /*Navbar CSS End*/
  .whysec {background:none;}
  .registration-page .left .innerbox {height:auto;}
}

@media all and (max-width:800px){
    .homebanner .carousel-item img {height:100%; width:100%; object-fit:cover; object-position:right;}
    .mb-5 {margin-bottom:50px !important;}
    .benifits-sec {background:none;}
    .benifits-box {margin-bottom:30px;}
}

@media all and (max-width:768px){
  h1 {font-size:30px;}
  h2 {font-size:18px;}
  h3 {font-size:16px;}
  h4 {font-size:15px;}
  h5 {font-size:14px;}
  .homebanner .text-box {width:80%; left:15%;}
  .edu-imp .box h1 {font-size:50px;}
  .homebanner .carousel-item {height:600px;}
  .homebanner .carousel-caption h1 {font-size:30px;}
  .homebanner .carousel-caption p {font-size:18px;}
  .abt-sec .right {margin-bottom:30px;}
  .about-page .about-sec .left.pr-5 {margin-bottom:30px; padding-right:15px !important;}
}

@media all and (max-width:767px){
  .auction-accordian .card-header {background:#f69524; margin-bottom:10px;}
  .auction-accordian .card-header h5 {padding:5px 10px;}
  .auction-accordian .card-header h5 a {color:#fff; font-size:16px;}
}

@media all and (max-width:640px){
}

@media all and (max-width:600px){
}

@media all and (max-width:575px){
  .navbar-brand {max-width: 130px;}
  .login-register-div {display:none;}
  .login-register-div.mob-hide {display:block;}
}

@media all and (max-width:480px){
  .login ul {display:block;}
}

@media all and (max-width:414px){
}

@media all and (max-width:360px){
}

@media all and (max-width:320px){
    
}