/********** RESPONSIVE DESIGN 01-07-2020 *********/
@media (max-width: 1024px) {
  .mainMenu-open #header .header-inner,
  .mainMenu-open #header #header-wrap {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  #header #logo {
    width: 40%;
    left: 10px;
  }
  #header #logo > a {
    line-height: 40px;
  }
  .header-extras {
    position: absolute;
    right: 15%;
  }
  .toggle-active .lines,
  .toggle-active .lines:before,
  .toggle-active .lines:after {
    background-color: var(--rv-white);
  }
  .lines,
  .lines:before,
  .lines:after {
    background-color: var(--rv-black);
  }
  .lines:not(.home-page),
  .lines:before:not(.home-page),
  .lines:after:not(.home-page) {
    background-color: var(--rv-white);
  }
  .home-page .lines,
  .home-page .lines:before,
  .home-page .lines:after {
    background-color: var(--rv-black);
  }
  #mainMenu-trigger {
    height: 99px;
  }
  body:not(.home-page) #mainMenu nav > ul > li > a {
    color: var(--rv-white);
  }
  #mainMenu nav > ul > li.dropdown:before {
    content: unset;
  }
  #mainMenu nav > ul > li .dropdown-arrow {
    height: 10px;
    width: 8px;
    border-bottom: 1px solid var(--rv-white);
    border-right: 1px solid var(--rv-white);
  }
  #mainMenu nav > ul > li .dropdown-menu > li > a,
  #mainMenu nav > ul > li .dropdown-menu > li > span,
  #mainMenu nav > ul > li .dropdown-menu > li [class*=col-] > ul > li > a {
    color: #dad7e4;
  }
  .home-about .text-section {
    margin-right: 0;
    margin-left: 15px;
    text-align: center;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .pb-col-12 {
    width: 100%;
  }
  .footer-main .footer-bottom p {
    text-align: center !important;
  }
  .main-heading .inn-box h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .market-watch-section h2 {
    width: 100%;
    line-height: 32px;
    font-size: 30px;
  }
  .footer-main::after {
    background-position: right bottom;
  }
  .how-we-work::after {
    display: none;
  }
  .how-we-work .work-box.box1 {
    margin-top: 50px;
  }
  .how-we-work .work-box.box3 {
    margin-top: 70px;
  }
	#mainMenu nav > ul > li .dropdown-arrow{
		top: 0px;
	}
	#mainMenu nav > ul > li > a {
		color:#fff;
	}
	
  
}
@media only screen and (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
}
@media only screen and (min-width: 992px) {
  .inspiro-slider .slide .slide-captions {
    text-align: left !important;
  }
  .inspiro-slider .slide .slide-captions h1 {
    font-size: 52px;
    font-weight: 900;
    line-height: 56px;
    margin-bottom: 30px;
    color: var(--rv-white);
    font-family: "DM Sans" !important;
    letter-spacing: 1px;
  }
  .inspiro-slider .flickity-button.previous,
  .carousel .flickity-button.previous {
    right: auto;
    left: 78% !important;
    opacity: 1;
    border: 2px solid var(--rv-white);
    width: 60px;
    height: 60px;
    line-height: 10px;
    top: 80% !important;
  }
  .inspiro-slider:hover .flickity-button.previous,
  .carousel:hover .flickity-button.previous {
    right: auto;
    left: 78% !important;
    opacity: 1;
    border: 2px solid var(--rv-white);
    width: 60px;
    height: 60px;
    line-height: 10px;
    top: 80% !important;
  }
  button.flickity-button.flickity-prev-next-button.previous:hover {
    border-color: var(--rv-primary);
  }
  .inspiro-slider .flickity-button.next,
  .carousel .flickity-button.next {
    left: auto;
    right: 10% !important;
    opacity: 1;
    border: 2px solid var(--rv-white);
    width: 60px;
    height: 60px;
    line-height: 10px;
    top: 80% !important;
  }
  .inspiro-slider:hover .flickity-button.next,
  .carousel:hover .flickity-button.next {
    left: auto;
    right: 10% !important;
    opacity: 1;
    border: 2px solid var(--rv-white);
    width: 60px;
    height: 60px;
    line-height: 10px;
    top: 80% !important;
  }
  button.flickity-button.flickity-prev-next-button.next:hover {
    border-color: var(--rv-primary);
  }
  .inspiro-slider .flickity-button::before {
    line-height: 56px;
  }
}
@media only screen and (min-width: 768px) {
  .pb-col-md-2 {
    width: 20%;
    float: left;
  }
  .pbj-col-md-1 {
    width: 14%;
    float: left;
  }
  .pbj-col-md-3 {
    width: 43%;
    float: left;
  }
}