/*===========================================*/
/*  DESKTOP LAYOUT
/*===========================================*/


@media (min-width: 1200px) {
  .content-section-4 .content {
    padding: 4% 0;
  }

.popup-form {
  max-width: 80%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {

.popup-form {
  max-width: 80%;
}
}

@media (min-width: 992px) {

.popup-form {
  max-width: 80%;
}
}

/*===========================================*/
/*  MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {
  .popup-form {
    max-width: 100%;
  }
}


/*===========================================*/
/*  TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {
  .popup-form {
    max-width: 100%;
  }
}


/*===========================================*/
/*  MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {

  .popup-form {
    max-width: 100%;
  }
.popup-form, #popup-contact-form, .popup-form .pop-body, .popup-form .pop-header, .popup-content .pop-header, .popup-content .pop-body {
  padding: 5px;
}

}
@media (min-width: 600px) and (max-width: 767px) {

  .popup-form {
    max-width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 599px) {

  .popup-form {
    max-width: 100%;
  }
}
@media (min-width: 200px) and (max-width: 479px) {

  .popup-form {
    max-width: 100%;
  }
}

.be-studio .bg-section {
  background-color: #1f2229;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
}

.be-studio h2.title, .be-studio-features h2.title, .be-studio-features .typo-light h3 {
  color: #88643A;
}


.musclemania .bg-section {
  background-color: #1f2229;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  border-right: 1px solid grey;
}

.musclemania h2.title, .musclemania-features h2.title, .musclemania-features .typo-light h3 {
  color: #F08118;
}

.musclemania-features .gradient {
  background: black;
}

.be-studio-features .gradient {
  background-image: linear-gradient(rgba(29, 25, 25, 0.901961) 0%, rgba(0, 0, 0, 0.901961) 100%);
}

.btn-musclemania {
  color: #F08118;
}

.btn-be-studio {
  color: #88643A;
}

section {
  border-bottom: none;
}

section.subfooter {
  background: #14161d;
}

section.subfooter h2.title, section.subfooter h6  {
  color: white;
}

.form-section-3 .l {
  border-right: 1px solid #000;
}


.popup-content .pop-header, .popup-form .pop-header {
  padding: 1px;
  background-color: #1f9df3
}