/* Generated by less 2.5.1 */
/*:::::::::::::::::::::::::: RESPONSIVE ::::::::::::::::::::::*/
/*==========  Non-Mobile First Method  ==========*/
/* Ultra Large Devices, Wide Screens */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1400px) {
  #ui-design .background-section {
    background-size: auto 100% !important;
    background-position: bottom right !important;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1280px) {
  .text-type {
    margin-left: 11%;
    margin-right: 0;
  }
  .fliped .text-type {
    margin-right: 11%;
    margin-left: 0;
  }
  .feature-image {
    margin: 0 2%;
  }
  .half {
    width: 52%;
  }
  #ui-design .background-section {
    background-size: 1400px auto !important;
    background-position: bottom left !important;
  }
}
@media only screen and (max-width: 1024px) {
  .errorpage #hero {
    height: auto !important;
    min-height: auto !important;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .socials-vertical {
    top: 20%;
  }
  .text-type {
    margin-left: 0%;
    margin-right: 0;
  }
  .fliped .text-type {
    margin-right: 0%;
    margin-left: 0;
  }
  .half {
    width: 80%;
  }
  section,
  .wide {
    flex-direction: column !important;
  }
  .wide {
    max-width: 80%;
  }
  .container {
    max-width: 80%;
    padding: 110px 0;
  }
  #hero {
    padding-top: 180px;
    min-height: 1200px;
  }
  #hero .image-type img {
    transform: translate(0, 0) !important;
    width: 100%;
  }
  #hero .join {
    padding-top: 5%;
  }
  #hero.info-pages {
    padding-top: 90px;
  }
  .image-type {
    top: 70px;
  }
  #ui-design {
    align-items: center;
  }
  .info-pages .text-type {
    max-width: 75%;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #promocontainer .promorelease {
    width: 80vw;
    text-align: center;
  }
  #promocontainer .bottompart {
    align-items: stretch;
  }
  .spaced {
    padding: 100px 0;
  }
  .background-corner {
    display: none;
  }
  .image-type {
    width: 100% !important;
  }
  .image-type img {
    width: 100%;
  }
  #get-started .grad {
    padding: 15px 10%;
  }
  .socials-vertical {
    display: none;
  }
  #ui-design {
    min-height: 560px;
  }
  #ui-design .background-section {
    background-size: 910px auto !important;
  }
  footer .socials,
  footer .policy-and-terms {
    width: 100%;
    justify-content: center;
  }
  /*:::::::: MENU :::::::::*/
  .cd-stretchy-nav ul a {
    font-size: 16px;
  }
  .cd-stretchy-nav .stretchy-nav-bg {
    width: 185px;
  }
  .cd-stretchy-nav ul a::after {
    height: 26px;
    width: 26px;
    top: 27px;
    background-size: auto 200% !important;
  }
  .cd-stretchy-nav ul li:first-of-type a::after {
    /* change custom icon using image sprites */
    background-position: 0 0;
  }
  .cd-stretchy-nav ul li:first-of-type a.active::after {
    /* change custom icon using image sprites */
    background-position: 0 -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(2) a::after {
    background-position: -26px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(2) a.active::after {
    background-position: -26px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(3) a::after {
    background-position: -52px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(3) a.active::after {
    background-position: -52px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(4) a::after {
    background-position: -78px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(4) a.active::after {
    background-position: -78px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(5) a::after {
    background-position: -104px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(5) a.active::after {
    background-position: -104px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(6) a::after {
    background-position: -130px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(6) a.active::after {
    background-position: -130px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(7) a::after {
    background-position: -156px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(7) a.active::after {
    background-position: -156px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(8) a::after {
    background-position: -182px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(8) a.active::after {
    background-position: -182px -26px;
  }
  .cd-stretchy-nav ul li:nth-of-type(9) a::after {
    background-position: -208px 0;
  }
  .cd-stretchy-nav ul li:nth-of-type(9) a.active::after {
    background-position: -208px -26px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 48px;
  }
  #main-header {
    /*    right: 0;
           padding: 0 27px;
        
        .let-me-know {
                display: flex;
                text-align: left;
                align-items: center;
                margin-right: 70px;
            }
            .cd-stretchy-nav {
                right: 35px;
            }
            */
  }
  .spaced {
    padding: 80px 0;
  }
  .background-corner {
    display: none;
  }
  .logo-catchupemail {
    max-width: 100%;
  }
  #features .grid-features {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  #features .grid-features .more {
    opacity: 1;
    top: 20px;
  }
  #professionals .bt {
    padding: 15px 10%;
  }
  #subscribe .subscribe-form #mce-EMAIL {
    padding: 18px 15% 18px 5%;
  }
  #hero .bt {
    padding: 15px 5%;
  }
  #ui-design .background-section {
    background-size: 580px auto !important;
  }
  .image-type {
    top: 50px;
  }
  #subscribe {
    font-size: 16px;
  }
  #subscribe .bt-note {
    padding-top: 45px;
    flex-direction: column;
    display: flex;
    align-content: center;
    align-items: center;
  }
  #subscribe .bt-note img.present {
    max-width: 32px;
    margin-right: 0;
    width: 32px;
    margin-bottom: 13px;
  }
}