@media screen and (min-width: 320px) and (max-width: 767px) {
  ul.social-icons {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  ul.social-icons > li {
    margin: 5px;
  }
  .sp-contact-info {
    display: table;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 89%;
  }
  .sppb-animated .sppb-addon-cta .sppb-cta-title {
    font-size: 28px !important;
    line-height: 40px !important;
  }
  .sppb-animated .sppb-addon-cta .sppb-btn-lg {
    font-size: 16px;
  }
  .scrollup {
    bottom: 25px;
    right: 25px;
  }
  .form-horizontal .control-label {
    width: 100%;
    text-align: left;
  }
  .form-horizontal .controls {
    margin: 0;
    width: 100%;
  }
  .form-horizontal .controls input,
  .form-horizontal .controls textarea {
    width: 100%;
  }
  .form-horizontal .controls textarea {
    height: 131px;
  }
}
@media screen and (min-width: 550px) and (max-width: 767px) {
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 90%;
  }
}
@media (min-width: 768px) {
  .sppb-col-sm-offset-6 {
    margin-left: 50%;
  }
}
.sppb-testimonial-pro .sppb-item img {
  display: inline-block;
  margin-bottom: 10px;
}


#sp-header .logo {
    margin-top: 50px !important;
}

#sp-header #offcanvas-toggler {
    margin-top: 50px !important;
    background: url(../images/close_page2.png) no-repeat top center;
    display: block;
    width: 80px;
    /* height: 80px; */
    height: 88px;
    /* margin-right: -365px !important */
    margin-right: 10px !important;
}
.not_homepage #sp-header .container,
.not_homepage #sp-header {
  width: 100% !important;
  /* border: 1px solid red; */
}

    #sp-header #offcanvas-toggler i {
        color: #000 !important;
        font-weight: normal !important;
        font-size: 26px !important;
        background: #fff;
        padding: 10px 12px;
        border-radius: 35px;

        display: none; /*because we do the X on the other pages*/
    }
    .homepage #sp-header #offcanvas-toggler i {
      display: block;
    }
    .homepage #sp-header #offcanvas-toggler {
      background: none;
      width: auto;
      height: auto;
      margin-right: 0px !important;
    }

.sppb-youtube-video-bg {
    position: fixed !important;
}

.socials {
    position: absolute;
    z-index: 9999;
    top: 85vh;
    padding-top: 8vh;
    background: url(../images/vline.png) no-repeat bottom center;
    right: 20%;
    /* border: 3px solid white;
    width: 200px;
    height: 200px; */
    /* display:block; */
    display: none;
}
  .homepage .socials, .socials.inmenu {
    display: block;
  }
    .socials ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
        .socials ul li {
            margin-bottom: 20px;
        }
        .socials ul li a {
            color: #000;
            background: #fff;
            font-size: 26px;
            width: 25px;
            text-align: center;
            border-radius: 3px;
            display: block;
            padding: 3px;
        }

@media all and (max-width: 1660px) {
    .socials {
        right: 15%;
    }
}
@media all and (max-width: 1440px) {
    .socials {
        right: 10%;
    }
}

/*new whiter menu*/

/* .full-screen-off-canvas.ltr .offcanvas-menu {
  z-index: 9991 !important;
}
#sp-header {
  z-index: 9992 !important;
  height: 10px !important;
}
#offcanvas-toggler {
  position: relative;
  z-index: 1 !important;
}
#sp-header .logo {
  position: relative !important;
  z-index: 9999 !important;
  width: 300px;
  height: 300px;
}

#sp-header .logo img {
  position: absolute !important;
  z-index: 9999 !important;
  left: 0px !important;
  top: 0px !important;
} */

.menulogo {
  margin: 50px 0px 0px 100px;
}

.full-screen .offcanvas-menu .close-offcanvas {
  right: 100px;
  top: 70px;
  font-size: 40px;
height: 80px;
line-height: 1;
width: 80px;
}
  .full-screen .offcanvas-menu .close-offcanvas i {
    color: #000 !important;
    font-weight: 200 !important;
  }

.full-screen .offcanvas-menu {
  background: rgba(255,255,255,1) !important;
}

.offcanvas-inner h3.sp-module-title {
  display: none;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color: #6e8da9 !important;
}
  .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover, .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li.active a {
    color: #000 !important;
  }

.full-screen .offcanvas-menu .offcanvas-inner {
  text-align: left !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module {
  border-bottom: none !important;
}

.socials.inmenu {
  right: 130px;
  top: auto;
  bottom: 50px;
}
  .socials.inmenu li a {
    background: #728daa;
    color: #fff;
  }

.menunr {
  float: left;
  background: url(../images/hline.png) no-repeat left center;
  margin-left: 10px;
  margin-right: 50px;
  color: #000;
  font-size: 13px;
  padding-left: 120px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 25px;
  clear: both;
  opacity:0;
}
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover .menunr {
      opacity:1;
    }
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 65%;
  cursor: pointer;
}

#sppb-addon-1531503947386 {
  float: left;
  width: 200px;
}
#sppb-addon-1531503947375 {
  clear: none !important;
  float: left !important
}

a.homelink {
  background: #cba913 !important;
  border: 2px solid #cba913 !important;
  padding: 10px 25px !important;
  color: #000 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
a.homelink:hover {
  opacity: 0.8 !important;
}

.modallink a {
  /* background: #cba913 !important; */
  border: 2px solid #cba913 !important;
  padding: 10px 25px !important;
  color: #cba913 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}
.modallink a:hover {
  background: #cba913 !important;
  color: #000 !important;
}


#two_halfs {
  margin-top: -50px !important;
  height: calc(100vh + 50px) !important;
  overflow: hidden;
}

#righthalf {
  margin: 70px 55px 20px 55px !important;
  padding: 100px 50px 0px 50px !important;
}

a.page_of_page {
  border: 1px solid #7391ab !important;
  background: #fff !important;
  color: #7391ab !important;
  border-radius: 6px !important;
  margin: 50px 0px -60px 55px !important;
  float: left !important;
}

#righthalf {
  height: 80vh !important;
  overflow-y: scroll !important;
  overflow-x: hidden;
  padding-left: 5px;
  padding-right: 5px;
}

#sp-header {
  height: 0px !important;
}

@media all and (max-width: 1220px) {
  #righthalf {
    padding: 100px 30px 0px 20px !important;
  }
}

.logo_media {
  display: none;
}

.halfleft, .ssi_ImageBackground {
  height: 100vh !important;
}
@media all and (max-width: 990px) {
  #righthalf {
    padding: 30px 0px 0px 0px !important;
  }

  #sp-header .logo {
      display: none !important;
  }
  .logo_media {
    z-index: 9999;
    display: block;
    position: absolute;
    left: 30px;
    top: 40px
  }
  a.page_of_page {
    margin-top: 125px !important;
  }
}

@media all and (max-width: 520px) {
  #righthalf {
    padding: 30px 0px 0px 0px !important;
    margin: 70px 25px 20px 25px !important;
  }
}


/* Fix for latest update on 15 october  */
#sp-main-body {
    margin-top: 0px !important;
}