@media screen and (max-width: 1800px){
.ajax-auth {
    max-width: 100% !important;
}}

@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
  /* common */
  .w-sm-100 {
    width: 100%;
  }
  .container-fluid{padding: 0 15px;}
  .btnmia-eff.schedule-btn {
    font-size: 16px;
    max-width: 300px;
  }
  /* site heading */
  .sitehead .tophead h3 {
    font-size: 22px;
  }
  /* site heading */

  /* common */

  /* banner -------------------------------------------------------------------------------------*/

  #bannermiaslide,
  .home-banner {
    height: calc(100vh - 240px);
  }

  #bannermiaslide .btnmia-eff {
    background-color: rgba(250, 250, 250, 0.5);
    border: 4px solid #e21b23;
    max-width: 330px;
    font-size: 14px;
  }

  /* banner -------------------------------------------------------------------------------------*/

  /* top logo -------------------------------------------------------------------------------------**/
  .bg-white .marquee-logo {
    margin: 0 25px;
  }
  /* top logo -------------------------------------------------------------------------------------**/

  /* Schedule text -------------------------------------------------------------------------------------*/
  .awomnpara {
    font-size: 15px;
    line-height: 1.5;
  }
  /* Schedule text -------------------------------------------------------------------------------------*/

  /* Bottom logo -------------------------------------------------------------------------------------**/
  .bgred img {
    max-width: 150px;
    margin: 0 10px;
  }
  .bgred .marquee-logo {
    margin: 0 0;
  }

  /* Bottom logo -------------------------------------------------------------------------------------**/

  /* client -------------------------------------------------------------------------------------*/
  .banner-client p {
    font-size: 18px;
  }
  /* client -------------------------------------------------------------------------------------*/

  /* Featured -------------------------------------------------------------------------------------*/
  .banner-section-featured h3 {
    font-size: 20px;
  }
  .banner-section-featured p {
    font-size: 15px;
  }
  /* Featured -------------------------------------------------------------------------------------*/

  /* About -------------------------------------------------------------------------------------*/
  .aboutmiacontainer h3 {
    font-size: 19px;
    text-align: justify;
  }
  .leftconta,
  .textcont {
    height: 100%;
  }
  .textcont p,
  .about-main {
    max-width: 100%;
    font-size: 19px;
  }
  .bgabout {
    height: 100vw;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .aboutcons {
    margin: 0;
  }
  /* About -------------------------------------------------------------------------------------*/

  /* art classes -------------------------------------------------------------------------------------*/
  .gridtilesartclass p {
    font-size: 14px;
    height: auto;
  }
  .gridtilesartclass .mgrid-des,
  .shiscaring p {
    font-size: 14px;
  }
  .gridtilesartclass .mgrid-title {
    font-size: 18px;
  }
  .quicon {
    top: 0;
  }
  /* art classes -------------------------------------------------------------------------------------*/

  /* contact -------------------------------------------------------------------------------------*/

  .wid-50 {
    width: 100%;
  }
  .mapimg {
    height: 100vw;
  }
  .colorcom {
    margin: 15px 0;
  }

  .ctus-page p.formfiel6.fofiels,
  .ctus-page .formfiel5,
  .ctus-page .formfiel4,
  .ctus-page .formfiel3,
  .ctus-page .formfiel2,
  .ctus-page .formfiel1,
  .ctus-page .formfiel0,
  .formfiel11,
  .ctus-page .formfiel7.fofiels,
  .captchadiv,
  .form-width500 {
    width: 100%;
    padding: 0 15px;
  }
  .ctus-page #form-contatti-submit {
    min-width: 100%;
  }
  /* contact -------------------------------------------------------------------------------------*/

  /* footer ------------------------------------------------------------------------------*/

  .bgfotcpy {
    background-color: #fff;
    color: #e41c21;
    font-size: 14px;
  }

  /* footer ------------------------------------------------------------------------------*/
}

@media (max-width: 991.98px) {

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
}

  /* search ------------------------------------------------------------------------------*/
  input#search_products {
    display: block;
    position: absolute;
    top: -46px;
    border-radius: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    border: 1px solid red !important;
    padding: 6px 15px;
    background: #fff;
    transition: all 0.3s;
    margin: 0 !important;
}

input#search_products.active {
  z-index: 10001;
  top: 82px;
}
  /* search ------------------------------------------------------------------------------*/


  /* contact ------------------------------------------------------------------------------*/
  .bannermiaslidedesk,
  .slide-background,
  .ctus-frm-left {
    height: 100vw;
    width: 100%;
  }

  /* contact ------------------------------------------------------------------------------*/

  /* Art classes ------------------------------------------------------------------------------*/

  .videohedings h1 {
    font-size: 18px;
    margin: 0;
  }
  .videohedings p {
    margin: 0;
  }
  .pdmob {
    padding: 0;
  }
  .s-art-side-thumb .btm-icon-art-gal {
    width: 100%;
    left: 0;
    bottom: 15px;
    padding: 15px 15px 0;
    z-index: 2;
    position: absolute;
    color: #fff;
  }
  .s-art-side-thumb {
    position: relative;
  }
  .s-art-side-thumb .btm-icon-art-gal a {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    display: inline-block;
    width: 100%;
  }
  .artclasses ul li {
    margin: 10px 8px 0 8px;
  }
  .dodata {
    width: 100%;
  }
  /* Art classes ------------------------------------------------------------------------------*/

  /* Featured classes ------------------------------------------------------------------------------*/

  .menuic {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 10px;
    width: calc(100% - 30px);
    margin: 27px auto 0;
  }
  .main-wrapper-featured {
    flex-wrap: wrap;
  }

  .sidebarfilter {
    position: fixed;
    left: -380px;
    z-index: 3;
    background: #fff;
    padding: 0;
    width: 380px;
    transition: left 0.5s;
    top: 0;
    bottom: 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  }
  .sidebarfilter.active {
    left: 0;
  }
  .main-content {
    width: 100%;
  }
  span.fa.fa-times.closeiconfeat {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "HelveticaNeue";
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
  }
  span.fa.fa-times.closeiconfeat::before {
    font-family: "FontAwesome";
    padding-right: 6px;
  }
  .filt-cion.img-responsive {
    top: 55px;
  }
  .searchandfilter ul li.sf-field-reset {
    padding-top: 43px;
  }
  .sidewrap {
    margin-top: 0;
  }
  .searchandfilter ul li.sf-field-sort_order.d-b {
    top: 90px;
  }
  /* Featured classes ------------------------------------------------------------------------------*/

  /* header ------------------------------------------------------------------------------*/

  .logo img {
    max-width: 90px;
  }
  header {
    height: 90px;
  }

  /* navbar */
  .navbar-expand {
    height: 74px;
  }
  .menudrop {
    padding: 0;
  }
  .menu-item {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
  }
  ul#menu-social-login{padding: 0;}
  #menu-social-login  .menu-item{border-bottom: 0; padding: 0;}
  .navbar-collapse {
    border-top: 4px solid #ccc;
    border-bottom: 4px solid #ccc;
    background: #fff;
    z-index: 11;
  }
  /* navbar */

  /* menu icon effect */
  #nav-icon2 {
    position: relative;
    width: 35px;
    height: 30px;
    cursor: pointer;
  }
.open#nav-icon2{top: 4px;}
  #nav-icon2 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 50%;
    background: #e31624;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }



  #nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }

  #nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
  }

  #nav-icon2 span:nth-child(1),
  #nav-icon2 span:nth-child(2) {
    top: 0px;
  }

  #nav-icon2 span:nth-child(3),
  #nav-icon2 span:nth-child(4) {
    top: 12px;
  }

  #nav-icon2 span:nth-child(5),
  #nav-icon2 span:nth-child(6) {
    top: 24px;
  }

  #nav-icon2.open span:nth-child(1),
  #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon2.open span:nth-child(2),
  #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
  }

  #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
  }

  #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }

  #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }

  #nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 13px;
  }

  #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 13px;
  }
  #nav-icon2.open span{ width: 78% !important;}
  /* menu icon effect */
  /* header ------------------------------------------------------------------------------*/

  /* footer ------------------------------------------------------------------------------*/
  .mt-foot {
    max-width: 100%;
  }
  .cpytest {
    padding-bottom: 0.6rem;
  }
  .footlog {
    max-width: 150px;
  }
  /* footer ------------------------------------------------------------------------------*/
}

@media (max-width: 1199.98px) {
  .artclasses ul li a {
    font-size: 12px;
  }
  .inner-text-ajax-forms {
 
    display: none;
}
.swal-login-networks{display: block !important;}
#popup-wrapper-ajax-auth{margin: 0 !important;; width: 100% !important; height: 100% !important;}
.inner-form-ajax-forms, .ajax-auth .swal-input-fields-wrapper div input{width: 100% !important;}
div#swal-wrapper_email, div#swal-wrapper_signonname ,.swal-field-wrapper{
  width: 100% !important;

}
.swal-description{text-align: left !important;}
.swal-field-wrapper h3::before {
  font-size: 60px !important;
  top: -18px !important; 
}
.ajax-auth {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#sw-wrapper-ajax-login, .wrapper-ajax-forms, #wrapper-login, #wrapper-register, #wrapper-forgot_password{overflow: auto !important;}
}

@media (max-width: 1399.98px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 15px;
  }
}