@media only screen and (min-width: 1400px) and (max-width: 1800px) {
.banner-right-top p{ font-size: 18px;}
.carousel-caption{ bottom: -15%;}	
.about-panel-left-bg img{ width: 98%;}
.about-panel-right p{ font-size: 18px; line-height: 28px;}
.area-panel-right p{ font-size: 18px; line-height: 28px;}
p{ font-size: 18px; line-height: 28px;}
.about-panel-right-bg{ top: -160px;}
.about-law-panel{ margin-top: 160px;}	
.about-law-panel-left-bg{ top: -170px;}

	
	
}



@media (max-width: 1199px) {
.dScroll{ height:100%;overflow: hidden;}
.nav-toggle {-webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; height: 2rem; right: .8rem; position: absolute; top: 1.5rem; width: 2rem; z-index: 99999; border-color: transparent; border: none; background: transparent; color: #fff;}
.nav-toggle:hover {opacity: 0.8;}
.nav-toggle .nav-toggle-bar, .nav-toggle .nav-toggle-bar::after, 
.nav-toggle .nav-toggle-bar::before { position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background: #fff;content: '';padding: 2px 0;width: 100%;border-radius: 10px;}
.nav-toggle .nav-toggle-bar {margin-top: 0;}
.nav-toggle .nav-toggle-bar::after {margin-top: 12px;width: 60%;left: 0;bottom: 0;}
.nav-toggle .nav-toggle-bar::before {margin-top: -12px;width: 60%;right: 0;top: 0;}
.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {margin-top: 0;}
.nav-toggle.expanded .nav-toggle-bar { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.nav-toggle.expanded .nav-toggle-bar::after { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin: 5px 0 0 7px;}
.nav-toggle.expanded .nav-toggle-bar::before {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);margin: -8px 5px 0px 0;}
.bar-collapse { -webkit-transition: left 0.6s ease;-moz-transition: left 0.6s ease;-ms-transition: left 0.6s ease;-o-transition: left 0.6s ease; transition: left 0.6s ease; background: rgb(255 255 255 / 1.0); color: #fff; cursor: pointer; font-weight: 500; height: 100vh; position: fixed; left: -100%; padding: 15px 0; top: 0; width: 75%; z-index: 9999; overflow: hidden; overflow-y: scroll; display: block !important; border-bottom: 1px solid rgb(0 0 0 / 0.15);}
.bar-collapse .header-btn { margin-top: 25px;}
.bar-collapse .header-btn .button { margin-left: 0;}
.bar-collapse.expanded2 li, .bar-collapse.expanded2 li.active { background: transparent; margin: 0; padding: 0px 0; margin-bottom: 2px; border-bottom: 1px solid rgb(0 0 0 / 0.15);}
.bar-collapse.expanded2 li:last-child{ border-bottom: 0 !important;}
.bar-collapse.expanded2 li a:hover { border-bottom: 0px; color: var(--main-color);}
.bar-collapse.expanded2 navbar-nav{ flex-direction: column !important;}
.bar-collapse.expanded2 li a {color: #000 !important;font-size: 14px;font-weight: 400;padding: 15px 10px !important;}
.bar-collapse.expanded2 {-webkit-transition: left 0.6s ease;-moz-transition: left 0.6s ease;-ms-transition: left 0.6s ease;-o-transition: left 0.6s ease;transition: left 0.6s ease;left: 0rem;box-shadow: 0 0px 10px 1px #565656; padding: 30px;}
.main-header .navbar-expand-lg .navbar-nav .nav-item{margin: 0;}
.navbar-expand-lg .navbar-nav {flex-direction: column;width: 100%;}
.main-header .dropdown-menu a{ color: #fff !important;}


}



@media only screen and (max-width: 991px){
.main-header{ background-color: #fff; height: auto;}	
  .header-bottom .logo-outer{
    display: block;
    text-align: center;
    padding: 0px;
  }
  .header-bottom .menu-area{
    display: block;
    top: 0px;
  }
  .main-slider .owl-nav{
    display: none;
  }
  .header-bottom .outer-box{
    position: absolute;
    float: none;
    top: 15px;
    right: 5px;
    padding: 0px;
  }
  .main-header .header-top .top-left,
  .main-header .header-top .top-right{
    float: none;
    display: block;
    text-align: center;
  }
  .main-header .header-top .social li,
  .main-header .header-top .top-right li{
    float: none;
    display: inline-block;
  }
  .main-header .header-top li a.upper-btn{
    display: none;
  }
  .main-header .header-top{
    padding-bottom: 15px;
  }
  .main-menu .navigation > li > ul > li{
    padding: 0px 0px;
  }
  .main-menu .navigation > li > ul > li:hover{
    background: #333333;
    border-bottom: 1px solid #333333;
  }
  .main-menu .navigation > li > ul > li,
  .main-menu .navigation > li > ul > li:hover,
  .main-menu .navigation > li > ul > li > ul > li{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
  }
  .main-menu .navigation > li > ul > li > ul > li > a{
    color: #ffffff !important;
  }
  
  .fixed-header .sticky-header{
    display: none;
  }
  .header-style-two .main-menu .navbar-header .navbar-toggle .icon-bar{
    background: #222222;
  }
  .header-style-two .search-box.now-visible, 
  .header-style-two .search-box-area .search-box{
    top: 39px;
  }
  .header-style-two .header-top .left-column{
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  .header-style-two .header-top .left-column li{
    float: none;
    display: inline-block;
  }
  .header-style-two .header-top .right-column,
  .header-style-two .header-top .right-column ul{
    float: none;
    display: block;
    text-align: center;
  }
  

}


@media only screen and (max-width:767px){	
.header .logo{ top: 0; left: -15px; padding: 8px 0 10px 15px; height: auto;}
.main-header .navbar{ height: auto;}
.header .logo::before{ display: none;}	
.header .logo img{ height: 70px;}
.main-header .dropdown-menu li a{ color: #fff !important;}
.header-bottom .logo-outer figure img{ height: 75px;}
.mean-container .mean-nav ul li a:hover{ color: #969485;}
.carousel-inner { height: 300px;}	
.carousel-inner .carousel-item img { height: 300px; width: auto !important;}
.carousel-indicators{ text-align: center; bottom: 0px;}
.carousel-caption{ left: 0; right: 0; top: 14%;}
.carousel-caption h2{ color: #fff; font-size:25px !important; line-height:35px !important; margin-bottom: 10px;}
.carousel-caption h4{ font-size: 20px;}	
.header-action{ display: none;}
.breadcrumb-wrapper{ padding: 60px 0;}

.top-left{ display: none;}
.top-right .nav-item:first-child{ display: none;}
.top-right .nav-item{ margin: 0 10px;}
.top-right .nav-item .nav-item-inner ul li{ display: block; margin: 0;}
.offcanvas__close button:hover{ background: inherit;}
.get-start-button{ float: left; padding: 5px 25px;}
.feature-box .mt-4{ margin-top: 0 !important;}
.process-panel .pt-5{ padding-top: 0 !important;}
.about-right img{ margin-bottom: 20px;}
.video-text{ margin-top: 20px;}
.joinus-panel-right img{ display: none;}
.blog-inner{ margin-bottom: 30px;}
.contactus-left{ margin-bottom: 20px;}

	
}


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