@media only screen and (max-width: 1200px) {
  /*-----------------------custom-banner--------*/
  .txt-title-slide,
  .txt-title-slide-2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    color: #144b80;
  }
  .layout-slideshow .fixcontent .maincontent {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
  .layout-slideshow .sprocket-features-img-list {
    overflow: inherit;
  }
  .layout-slideshow .sprocket-features-title,
  .layout-slideshow .sprocket-features-desc {
    color: black!important;
  }
  .layout-slideshow .sprocket-features-content {
    width: 100%;
    background: white;
    top: 100%;
    left: 0%;
    padding: 35px 15px 30px 15px;
    position: unset!important;
    /* height: 320px;	 */
    background-color: #e0e3ea;
  }
  .sprocket-features.layout-slideshow {
    margin-bottom: 0px!important;
  }
  .txt-title-slide {
    font-size: 22px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .txt-lg-slide {
    font-weight: 500;
    line-height: 23px;
    margin-bottom: 10px;
  }
  .txt-sm-slide {
    font-size: 16px;
  }
  .txt-title-slide,
  .txt-lg-slide {
    color: black;
  }
  .layout-slideshow .sprocket-features-title,
  .layout-slideshow .sprocket-features-desc {
    display: block;
    width: auto;
    text-align: left;
  }
  .layout-slideshow .readon span {
    margin-top: 10px;
  }
  .layout-slideshow .sprocket-features-pagination {
    left: 00%;
    -webkit-transform: translate(25%, -100%);
    -ms-transform: translate(25%, -100%);
    -o-transform: translate(25%, -100%);
    -moz-transform: translate(25%, -100%);
    transform: translate(25%, -100%);
  }
}
@media only screen and (max-width: 1024px) {
  .layout-slideshow .sprocket-features-img-container img.left-avatar {
    width: 265px;
  }
  #header .header-main .logo-website img {
    width: 100px;
  }
  #header .navbar .nav > li > a {
    padding: 10px 15px 10px 15px;
  }
  #mod-finder-searchform {
    float: left;
  }
}
@media only screen and (max-width: 998px) {
  .map-working-hour .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .category-content form > .list-article-custom .box .pull-left {
    float: none!important;
  }
  .specialists-homepage .wrapper {
    margin: 20px 0;
  }
  .specialists-homepage .wrapper .content .iconbox {
    margin: 20px 0;
  }
  .specialists-homepage .wrapper .content h4 {
    min-height: auto;
  }
  .specialists-homepage .wrapper .content p.description {
    min-height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .layout-slideshow .sprocket-features-img-container img.left-avatar {
    width: 200px;
  }
  .top-menu-bar {
    padding: 20px 20px 10px 20px;
  }
  #main-content .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  #header .top-left {
    float: none!important;
  }
  #header .top-right {
    float: none!important;
    margin-right: 0px;
    margin-top: 10px;
  }
  #header .top-right .custom-fa {
    margin-left: 0px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .get-started {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
  }
  .specialists-homepage {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .title h2 {
    line-height: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #header .navbar-toggle {
    background-color: transparent;
    border: 1px solid #333;
  }
  #header .navbar-inverse .navbar-toggle .icon-bar {
    background-color: black;
  }
  #header .header-main {
    border-bottom: 3px solid #FF284D;
    background-color: #fff;
    padding: 20px 0 30px 0 !important;
  }
  #header .header-main2 .menu-images {
    margin: 20px 0;
    display: block;
  }
  #header .header-main2 .menu-images .wrapper-menu {
    text-align: center;
  }
  #header .header-main2 .menu-images .wrapper-menu a {
    display: block;
    margin-bottom: 20px;
  }
  #header .logo-website {
    position: absolute;
    z-index: 2000;
    float: left;
  }
  #header .col-sm-11 {
    /*float:right;*/
  }
  #header .navbar-inverse {
    margin: 0px;
  }
  #header .navbar-inverse .navbar-collapse {
    border: none;
    border-top: 2px solid #FF284D;
    margin-top: 40px;
  }
  #header #mod-finder-searchform {
    float: left;
  }
  #header #mod-finder-searchform input {
    margin-left: 0px;
  }
  #header .navbar .nav > li > a {
    padding: 10px 00px 10px 10px;
    line-height: 30px;
  }
  #header .header-main .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  #grid-top2 .our-strength .header {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #grid-top2 .our-strength span.icon {
    left: 0px;
  }
  #grid-top2 .our-strength .iconbox {
    margin-right: 0px;
  }
  #box-outside2 {
    margin: 20px 0;
  }
  #box-outside2 .bg-grey {
    padding: 20px 0;
  }
  #box-outside2 .bg {
    text-align: center;
  }
  #box-outside2 .bg img {
    width: 200px;
  }
  #box-outside2 .mod_2 .row,
  #box-outside2 .mod_0 .row {
    display: flex;
    flex-direction: column-reverse;
  }
  #header #mod-finder-searchform input {
    width: 150px;
  }
  #notfound .notfound .notfound-404 h1 > span {
    font-size: 190px;
  }
}
@media only screen and (max-width: 468px) {
  #footer .logo {
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .layout-slideshow .sprocket-features-img-container img.left-avatar {
    width: 110px;
  }
}
@media only screen and (max-width: 380px) {
  .layout-slideshow .sprocket-features-img-container img.left-avatar {
    width: 97px;
  }
}
@media only screen and (max-width: 320px) {
  .layout-slideshow .sprocket-features-img-container img.left-avatar {
    width: 83px;
  }
}