/* 01. Import Variables */
/* 02. Import Mixins */
/* 03. Import Fonts */
@import url("https://use.typekit.net/ppy7hcy.css");
@media (min-width: 1300px){
	.hero {
		background-position: right top;
		background-size: 70% 115%;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.green {
		background-size: 50%;
		padding: 200px 0;
	}
	.blue {
		background-size: 50%;
		padding: 200px 0;
	}
}
/* 05 Responsive */
@media (min-width: 576px) and (max-width: 991px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 840px;
  }
  .container {
    padding: 0 35px;
}
.hero-box-logo{
    width: 35px;
}
}
@media (min-width: 660px) and (max-width: 991px) {

.defaultP {
    font-size: 0.8rem;
}
.defaulTtitle {
    font-size: 1.5rem;
    line-height: 26px;
}
.hero {
    padding-top: 65px;
}
.mrt-35 {
    margin-top: 25px;
}
}
@media (max-width: 991px) {
  .green {
    background-position: left center;
    background-size: 55%;
  }

  .blue {
    background-position: right top;
    background-size: 55%;
  }

  .hero {
    padding-top: 90px;
  }
}

@media (max-width: 767px) {
  .toggle div {
    background-color: #fff !important;
  }

  .container-box {
    height: auto;
  }

  .container-box form {
    width: 18.125rem;
  }

  .container-box .mrl-15 {
    margin-left: 1.0625rem;
  }

  .container-box .social-box {
    margin-top: 4.375rem;
    margin-left: -1.5625rem;
  }

  .container-box .pagetitle {
    text-align: center;
    padding: 0 6.2rem;
  }

  .container-box .form-btn {
    width: 75%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .ord-1 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .mobflex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }

  .text-c {
    text-align: center;
  }

  .jus-cent-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: block !important;
  }

  .green {
    background-position: left top;
    background-size: contain;
    padding: 0;
  }

  .blue {
    background-position: right top;
    background-size: contain;
    padding: 0;
  }

  .hero {
    padding-top: 0;
    background-position: right top;
    background-size: 80%;
  }

  .mob-mrg {
    margin-top: 85px;
  }

  .res-img {
    max-width: initial !important;
    width: 100%;
}
}

@media (max-height: 720px) {
  .banner {
    visibility: visible;
  }

}

@media (max-height: 755px) {
  .container-box {
    height: auto;
  }

  .form .social-box {
    margin-top: 1.25rem;
  }
}

@media (max-height: 755px) and (max-width: 767px) {
  .container-box {
    /*-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;*/
    height: 100%;
  }

  .container-box .inp {
    margin-bottom: 1.25rem;
  }

  .container-box .social-box {
    margin-top: 2.5rem;
  }

  .container-box .form-btn {
    margin-top: 1.18rem;
  }
}

@media (max-height: 650px) and (max-width: 767px) {
  .container-box {
    height: auto;
  }

  .form .social-box {
    margin-top: 1.25rem;
  }

  .form .inp {
    height: 2.5rem;
  }
}

@media (max-width: 410px) {
  .footer p {
    font-size: 12px;
  }

  .footer .foot-box-2 li a {
    font-size: 12px;
  }

  .blue {
    background-position: right top;
  }

  .mobflex {
    margin-top: 20px;
  }

  .hero {
    padding-top: 25px;
    background-position: right top;
    background-size: 90%;
  }
}