/*-----------------------------------------------------------------------------------

    Template Name: 
    Template URI: 
    Description: 
    Author: 
    Author:
    Version: 1.1

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1.COMMON CSS
    2.HEADER
    3.SLIDER
    4.DESCOUNT PRODUCT
    5.PRODUCT CARD
    6.SERVICES
    7.SHOWCASE
    8.TEAM
    9.TESTIMONIAL
    10.BLOG
    11.CONTACT
    12.FOOTER
    13.PAGE BANNER
    14.PRODUCT SINGLE PAGE

-----------------------------------------------------------------------------------*/
/*===========================
    1.COMMON css 
===========================*/


@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
:root {
    --mainbg: #002b49;
    --mainbgtrans: #002b49;
    --fullwidth: 100%;
    --hyperlink: #0021be;
    --black: black;
    --light-blue: #00a9e0;
    --white: white;
    --dark-blue: #002b49;
    --blue: #27647f;
    --light: #88dbdf;
}
body {
  font-family: Avenir Next,sans-serif; 
  font-weight: normal;
  font-style: normal;
  color: #777; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%; }

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none; }

a:focus,
a:hover {
  text-decoration: none; }

i,
span,
a {
  display: inline-block;cursor:pointer; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Avenir Next,sans-serif; 
  color: #333;
  margin: 0px; }

h1 {
  font-size: 62px; }

h2 {
  font-size: 35px; }

h3 {
  font-size: 32px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 16px; }

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

p {
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin: 0 0 1.25rem; }

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

/*===== All Button Style =====*/
.main-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  @inlude user-select(none);
  border: 1px solid #fe7865;
  padding: 0 35px;
  font-size: 16px;
  line-height: 48px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  background-color: #fe7865; }
  @media (max-width: 767px) {
    .main-btn {
      font-size: 14px;
      padding: 0 25px;
      line-height: 43px; } }
  .main-btn i {
    font-size: 12px;
    margin-left: 5px; }
  .main-btn:hover {
    background-color: #fff;
    color: #fe7865;
    border-color: #fe7865; }
  .main-btn.main-btn-2 {
    background-color: #fff;
    color: #fe7865;
    border-color: #fe7865; }
    .main-btn.main-btn-2:hover {
      background-color: #fe7865;
      border-color: #fe7865;
      color: #fff; }

/*===== All Section Title Style =====*/
.section-title h5 {
  position: relative;
  font-size: 18px;
  color: #fe7865;
  font-weight: 500;
  padding-left: 110px; }
  .section-title h5::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 100px;
    height: 1px;
    background-color: #fe7865;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.section-title .title {
  font-size: 32px; }
  @media (max-width: 767px) {
    .section-title .title {
      font-size: 26px; } }

/*===== All Preloader Title Style =====*/
.preloader {
  /* Body Overlay */
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  /* Change Background Color */
  background: #fdfdfd;
  z-index: 9999; }
  .preloader .spin {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px; }
    .preloader .spin .cube1, .preloader .spin .cube2 {
      background-color: #fe7865;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
      -moz-animation: sk-cubemove 1.8s infinite ease-in-out;
      -o-animation: sk-cubemove 1.8s infinite ease-in-out;
      animation: sk-cubemove 1.8s infinite ease-in-out; }
    .preloader .spin .cube2 {
      -webkit-animation-delay: -0.9s;
      -moz-animation-delay: -0.9s;
      -o-animation-delay: -0.9s;
      animation-delay: -0.9s; }

/* CSS Keyframe Animation */
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -moz-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -ms-transform: translateX(42px) rotate(-90deg) scale(0.5);
    -o-transform: translateX(42px) rotate(-90deg) scale(0.5);
    transform: translateX(42px) rotate(-90deg) scale(0.5); }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg); }
  50.1% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -moz-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -ms-transform: translateX(42px) translateY(42px) rotate(-180deg);
    -o-transform: translateX(42px) translateY(42px) rotate(-180deg);
    transform: translateX(42px) translateY(42px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -moz-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -ms-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -o-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
/*===========================
    2.HEADER css 
===========================*/
.header-area {
  padding: 15px 0;
  background-color: #2f2f2f;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #2f2f2f;
  z-index: 9; }
  .header-area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #2f2f2f;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(156, 156, 156, 0.25);
    -moz-box-shadow: 0px 0px 40px 0px rgba(156, 156, 156, 0.25);
    box-shadow: 0px 0px 40px 0px rgba(156, 156, 156, 0.25);
    z-index: 999;
    padding: 10px 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; }
  .header-area .navbar {
    padding: 0; }
    .header-area .navbar .navbar-brand {color:#fff; }
    .header-area .navbar .navbar-toggler .bar-icon {
      width: 30px;
      height: 2px;
      margin: 5px 0;
      background-color: #fff;
      display: block;
      position: relative;
      -webkit-transition: all 0.4s ease-out 0s;
      -moz-transition: all 0.4s ease-out 0s;
      -ms-transition: all 0.4s ease-out 0s;
      -o-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s; }
    .header-area .navbar .navbar-toggler.active .bar-icon:nth-child(1) {
      top: 7px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .header-area .navbar .navbar-toggler.active .bar-icon:nth-child(2) {
      opacity: 0; }
    .header-area .navbar .navbar-toggler.active .bar-icon:nth-child(3) {
      top: -7px;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #2f2f2f;
        z-index: 999;
        padding: 10px; } }
    @media (max-width: 767px) {
      .header-area .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #2f2f2f;
        z-index: 999;
        padding: 10px; } }
    .header-area .navbar .navbar-nav .nav-item {
      margin-left: 30px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-area .navbar .navbar-nav .nav-item {
          margin: 5px 0; } }
      @media (max-width: 767px) {
        .header-area .navbar .navbar-nav .nav-item {
          margin: 5px 0; } }
      .header-area .navbar .navbar-nav .nav-item a {
        font-size: 14px;
        color: #fff;
        text-transform:uppercase;
        padding: 0 15px;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s; }
      .header-area .navbar .navbar-nav .nav-item.active a, .header-area .navbar .navbar-nav .nav-item:hover a {
        color: #eba51d; }

/*===========================
    3.SLIDER css 
===========================*/
.slider-active .slick-dots {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center; }
  @media only screen and (min-width: 1400px) {
    .slider-active .slick-dots {
      left: 30px; } }
  .slider-active .slick-dots li {
    line-height: 0;
    margin: 15px 0; }
    .slider-active .slick-dots li button {
      width: 10px;
      height: 10px;
      font-size: 0;
      border: 0;
      background-color: #fbb0a5;
      border-radius: 50%;
      cursor: pointer; }
  .slider-active .slick-dots li.slick-active button {
    width: 15px;
    height: 15px;
    background-color: #fe7865; }

.single-slider {
  position: relative; }
  @media only screen and (min-width: 1400px) {
    .single-slider {
      padding: 0 100px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .single-slider {
      padding: 0 30px; } }
  .single-slider .slider-bg {
    background-color: #fffaf6; }
  .single-slider .slider-product-image img {
    width: 100%; }
  .single-slider .slider-product-image .slider-discount-tag {
    width: 125px;
    height: 125px;
    background-color: #fe7865;
    border-radius: 50%;
    text-align: center;
    display: table;
    position: absolute;
    top: 90px;
    right: -63px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .single-slider .slider-product-image .slider-discount-tag {
        width: 100px;
        height: 100px;
        right: -50px;
        top: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-slider .slider-product-image .slider-discount-tag {
        width: 100px;
        height: 100px;
        right: -50px;
        top: 50px; } }
    .single-slider .slider-product-image .slider-discount-tag p {
      display: table-cell;
      vertical-align: middle;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      line-height: 33px; }
  .single-slider .slider-product-content {
    max-width: 670px;
    margin-left: 125px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .single-slider .slider-product-content {
        margin-left: 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-slider .slider-product-content {
        margin-left: 70px; } }
    @media (max-width: 767px) {
      .single-slider .slider-product-content {
        margin-left: 0;
        padding: 40px 15px 50px; } }
    .single-slider .slider-product-content .slider-title {
      font-size: 92px;
      z-index: 1; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .single-slider .slider-product-content .slider-title {
          font-size: 68px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-slider .slider-product-content .slider-title {
          font-size: 48px; } }
      @media (max-width: 767px) {
        .single-slider .slider-product-content .slider-title {
          font-size: 42px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .single-slider .slider-product-content .slider-title {
          font-size: 52px; } }
      .single-slider .slider-product-content .slider-title span {
        position: relative; }
        .single-slider .slider-product-content .slider-title span::before {
          position: absolute;
          content: '';
          width: 100%;
          height: 10px;
          background-color: rgba(254, 120, 101, 0.5);
          left: 0;
          bottom: 17px;
          z-index: auto; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .single-slider .slider-product-content .slider-title span::before {
              bottom: 7px; } }
          @media (max-width: 767px) {
            .single-slider .slider-product-content .slider-title span::before {
              bottom: 8px;
              height: 6px; } }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .single-slider .slider-product-content p br {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-slider .slider-product-content p br {
        display: none; } }
    @media (max-width: 767px) {
      .single-slider .slider-product-content p br {
        display: none; } }

.slider-social {
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: 100%; }
  @media only screen and (min-width: 1400px) {
    .slider-social {
      padding: 0 100px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .slider-social {
      padding: 0 30px; } }
  .slider-social .social {
    position: relative; }
    .slider-social .social li {
      display: inline-block;
      margin: 0 5px; }
      .slider-social .social li a {
        font-size: 18px;
        color: #ddd;
        border: 1px solid #ddd;
        width: 30px;
        line-height: 32px;
        height: 30px;
        text-align: center;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s; }
        .slider-social .social li a:hover {
          color: #fe7865;
          border-color: #fe7865; }
    .slider-social .social::before {
      position: absolute;
      content: '';
      width: 70%;
      height: 1px;
      background-color: #fe7865;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .slider-social .social::before {
          width: 63%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .slider-social .social::before {
          width: 48%; } }
      @media (max-width: 767px) {
        .slider-social .social::before {
          width: 35%;
          left: 60px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .slider-social .social::before {
          width: 65%; } }



/*# sourceMappingURL=style.css.map */
.main-slider img{width:100%;margin-top:-5px;}
.desc1{text-align:center;padding-bottom:80px;}
.desc1 p{font-size: 18px;}
.rowct{width:100%;display:flex;min-height:450px;}
.rowct .forimg{width:65%;}
.rowct .fortxt{width:35%;padding:80px 40px;background-color: rgb(66, 66, 66);color:#fff !important;}
.rowct .fortxt h3{color:#fff;font-weight:normal;font-size:42px;font-weight:100;}
.rowct .forimg.gameimg{background:url(/images/game.jpg);background-size:cover;background-position:center;}
.rowct .forimg.raceimg{background:url(/images/race.jpg);background-size:cover;background-position:center;}
.rowct .forimg.showimg{background:url(/images/show.jpg);background-size:cover;background-position:center;position:relative;}
.testimonial-area{background-color:rgb(66, 66, 66);}
.testimonial-area .content-about{width:96%;max-width:700px;margin:0 auto;padding:5em;background-color:#fff;}
.testimonial-area .content-about h3{font-size:45px;font-weight:100;text-align:center;padding-bottom:45px;}
.testimonial-area .content-about p{text-align:justify;padding-bottom:10px;}
.testimonial-area.pt-50{padding-bottom:50px;}
.rowct .forimgeq{width:50%;height:450px;}
.rowct .forimgeq.fly1{background:url(/images/service1.jpg);background-size:cover;background-position:center;}
.rowct .forimgeq.fly2{background:url(/images/service2.jpg);background-size:cover;background-position:center;}
.rowct .forimgfull.serviceimg{background:url(/images/service3.jpg);background-size:contain;width:100%;background-position:center;background-repeat:no-repeat;}
.services-area.desktop.show { background: url(/images/show.jpg); background-size: cover; min-height: 800px; background-position: center; position: relative; }
.showtext { color: #fff; font-size: 50px; position: absolute; top: 80%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }
.back-to-top img{width:16px;}

input, select, textarea { border: 1px solid #ababab; border-radius: 5px; padding: 8px 10px; outline: none; width: 100%; margin: 5px 0; }
.btn, a.btn, .team-container .team-posting .posting-link a { color: #fff; background:var(--dark-blue); border: #03690e; max-width:200px; }
.form {background-color:#fff; padding:40px; width:100%; max-width:700px;margin:0 auto; }
#contact .desc1{padding-bottom:30px;}
#contact .home .desc1{padding-bottom:0px;}
.desktop{display:block;}
.mobile{display:none;}
.navbar-brand{display:flex;}
.navbar-brand img{height:50px;}
.navbar-brand p{font-size: 12px; font-weight: 400; line-height: 14px; color: #fff;text-align:center;padding-top:10px;padding-right:8px;}
.copyright img{width:32px;margin-bottom:10px;}
.complete-contact{width:180px;height:180px;margin:0 auto;background:url(/images/completed.png);background-size:cover; background-position:center;}
.message-container{text-align:center;padding:10em 0 8em 0;}
.message-container h3{padding-bottom:8px;}

.sp{position:relative;display:flex;}
.sp .forimg {width:50%;}
.sp .forimg img{width:100%;}
.sp .fortext {width:50%; position: relative;}
.sp .fortext .middle-thing { margin: 0; width:75%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sp .fortext .tiny-title {padding-bottom: 15px;}
.sp .fortext .middle-thing p{text-align:justify;}
.ventures{background-color:rgb(240 240 240);}
a:hover{cursor:pointer;}
.oplink{text-align:center;color:#333;font-size: 10px;padding-bottom: 15px;text-transform: uppercase;}
.oplink img{width:60px;margin-top:15px;margin-bottom:5px;}

.spasia{background-color:#2f2f2f;}
.spasia p,.spasia h4, .spasia a{color:#fff;}
.sps{background-color:#fff;}

.sps .fortext, .spa .fortext{order:2;}
.sps .forimg, .spa .forimg{order:1;}

.onlytext h3{text-align:center;max-width:840px;margin: 0 auto; font-family: Avenir Next Demi,sans-serif; }
.onlytext .submenuarea{text-align:center;max-width:735px;margin: 0 auto;margin-top:30px;}
.onlytext ul.submenuarea{display:flex;}
.onlytext .submenuarea .subitem{border-right: 1px solid #333; padding: 0 10px;}
.onlytext .submenuarea .subitem.item-last{border-right: none;}
.onlytext .submenuarea .subitem .maintext{font-size:22px;}
.navbar-wonder ul li a{line-height:60px;}
#contact .home input,#contact .home select,#contact .home textarea{padding:2px 10px; font-size:12px;}
#contact input.submit {padding: 8px 10px;font-size:14px;}
#contact .submit:hover{color:#fff;}
.navbar-wonder .navbar-brand p{font-size:10px;}
.cname{text-transform:none;font-size:16px;}
img.mainlogo{height:60px;}
.openpass{padding:60px 0;background:#fff;}
li.subitem p{font-size:14px;}
.wbg{background:#fff;}
.foot p{margin-bottom:15px;font-size:16px;max-width: unset;}
.foot .container {width: 100%;max-width: 1920px;padding-left: 40px;padding-right: 40px;}

@media (max-width: 767px) {
    .rowct {display:block;min-height:unset;}
    .rowct .forimg,.rowct .fortxt{width:100%;}
    .rowct .fortxt h3{font-size:36px;}
    .rowct .forimgeq{width:100%;}
    .rowct .forimg,.rowct .forimgeq,.rowct .forimgfull { height: calc(100vw * 0.6); }
    .services-area{min-height:240px;padding:0;}
    .showtext{font-size:30px;}
    .testimonial-area .content-about{padding:4em 15px;}
    .testimonial-area .content-about h3{font-size:40px;padding-bottom:40px;}
    .rowct .fortxt{padding:40px 30px;}
    .form{padding:20px 10px;}
    .desktop{display:none;}
    .mobile{display:block;}
    .desc1 { text-align: center; padding: 30px 5px; }
    .sp{position:relative;display:block;}
    .sp .forimg, .sp .fortext{width:100%;}
    .sp .fortext .tiny-title {text-align:left;}
    .sp .fortext{padding-bottom:30px;}
    .sp .fortext .middle-thing {width:100%; position: relative; top:unset; left:unset;-ms-transform: unset; transform: none; padding-top:20px;}
    .oplink img {width:46px;}
    .ventures .firstblock .container {padding:0;}
    .onlytext .submenuarea .subitem{padding:0 10px;}
    .onlytext .submenuarea .subitem p{font-size:14px;}
    .onlytext .submenuarea .subitem .maintext{font-size:18px;}
    .navbar-wonder ul li a{line-height:inherit;}
    .openpass{padding:unset;}
    .foot .container {padding-left: 15px;padding-right: 15px;}
    .footer-area .vs-select-group{text-align:center;padding-top:40px;}
}

@media (max-width: 960px) {
    .foot .footer-logo {text-align: center;margin-bottom: 40px;}
    .sp{position:relative;display:block;}
    .sp .forimg, .sp .fortext{width:100%;}
    .sp .fortext .tiny-title {text-align:left;}
    .sp .fortext{padding-bottom:30px;}
    .sp .fortext .middle-thing {width:100%; position: relative; top:unset; left:unset;-ms-transform: unset; transform: none; padding-top:20px;}

}

@media (max-width: 1023px) {
    .main-content{padding-top:62px;}
    .foot .container { padding-left: 15px;  padding-right: 15px; }
    .foot .footer-logo h1{font-size:72px;}
    .foot h3{font-size:22px;}
    .sp{position:relative;display:block;}
    .sp .forimg, .sp .fortext{width:100%;}
    .sp .fortext .tiny-title {text-align:left;}
    .sp .fortext{padding-bottom:30px;}
    .sp .fortext .middle-thing {width:100%; position: relative; top:unset; left:unset;-ms-transform: unset; transform: none; padding-top:20px;}

}