/*============================================ 
	Override Responsive Mode
  ============================================*/
@media (min-width: 1240px) {
  .home .container {
    width: 1100px;
  }
}
@media (min-width: 1024px) {
  #site-header .main-menu:hover:before {
    width: 43px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #site-header .main-menu:hover:after {
    height: 42px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #site-header .main-menu:hover span:nth-child(4):before {
    width: 42px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #site-header .main-menu:hover span:nth-child(4):after {
    height: 42px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  #site-header .main-menu:hover span:first-child:after {
    top: 6px;
    left: 2px;
    width: 4px;
  }
  #site-header .main-menu:hover span:first-child:before {
    top: 2px;
    left: 0;
    height: 4px;
  }
  #site-header .main-menu:hover span:nth-child(3):after {
    top: -4px;
    left: 0px;
    height: 4px;
  }
  #site-header .main-menu:hover span:nth-child(3):before {
    top: -6px;
    left: -4px;
    width: 4px;
  }
}
@media (max-width: 1100px) {
  #main-slider .slogan h2, #main-slider .slogan h3 {
    font-size: 40px;
    line-height: 45px;
  }

  .classic #site-footer {
    padding-bottom: 70px;
  }

  .decline .over-container, .classic .over-container {
    padding: 60px 0;
  }

  .list-menu .wr-list-menu ul li a {
    font-size: 24px;
    line-height: 28px;
  }

  .scoll-down,
  .btn-load,
  .home #our-story .col-sm-6:first-child,
  .home #our-clients .section-title, .home #our-clients .title-history,
  #site-wrapper #our-works .slick-next,
  #site-wrapper #our-works .slick-prev,
  #our-team .slick-next, #our-team .slick-prev,
  #our-works .slick-next, #our-works .slick-prev {
    display: display !important;
  }

  .home .container {
    width: 700px;
  }

  #our-story .wysiwyg h3 {
    font-size: 40px;
    line-height: 48px;
  }

  #our-story .wysiwyg li,
  #our-story .wysiwyg p {
    font-size: 12px;
  }

  .section-title {
    font-size: 45px;
    margin: -60px 0 50px;
  }

  .pager-works .item-work > div div h3 {
    font-size: 18px;
    line-height: 22px;
  }

  html, body, #site-wrapper,
  .full-section,
  #main-slider .slide-carousel, #main-slider .slide-item {
    min-height: 600px;
  }

  html, body, #site-wrapper {
    height: auto;
  }

  #site-wrapper {
    position: relative;
    overflow: hidden;
  }

  .home #our-story .wysiwyg h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .home #our-story .wysiwyg p, .home #our-story .wysiwyg li {
    font-size: 12px;
  }

  .home #our-story .col-sm-6 {
    width: 100%;
  }

  .home #our-services .item-service h3 {
    font-size: 16px;
    margin: -70px 0 10px;
    padding-left: 10px;
  }

  .decline-page #site-footer {
    display: display !important;
  }

  #our-services .item-service p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
  }

  #our-services .item-service a {
    font-size: 12px;
  }

  #our-services .item-service {
    margin-bottom: 30px;
  }

  .item-team {
    padding: 34px 20px;
  }

  .item-team .social li {
    padding: 0 4px;
  }

  .section-clients li {
    padding: 0 15px;
  }

  .section-clients li img {
    max-width: 100%;
  }

  .item-testi {
    margin-bottom: 10px;
  }

  .home #our-clients .over-container {
    margin-top: 50px;
  }

  #our-price .plan .panel-heading {
    padding: 20px 10px 0px;
  }

  #our-price .plan .panel-heading p {
    font-size: 40px;
  }

  #our-price .plan ul {
    padding: 20px 10px;
  }

  #our-price .plan ul li span {
    font-size: 12px;
    padding-left: 13px;
  }

  #our-price .plan .link-plan {
    width: 124px;
    font-size: 12px;
  }

  #our-price .plan {
    min-height: 380px;
  }

  #contact-us #maps-wrap #maps {
    height: 365px;
  }

  #contact-us p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 20px;
  }

  #contact-us .form-contact .column {
    margin-bottom: 10px;
  }

  #contact-us .form-contact .btn-submit {
    margin-top: 20px;
  }

  .portfolio-list ul li {
    padding-right: 10px;
  }

  .portfolio-list ul li::after {
    padding-left: 10px;
  }

  .portfolio-list ul li a {
    font-size: 16px;
  }

  .item-list-categories > div .item-blog-bottom > h3 {
    font-size: 19px;
  }

  .item-list-categories > div .item-blog-bottom > ul li {
    font-size: 12px;
    padding-right: 10px;
  }

  .item-list-categories > div .item-blog-bottom > p {
    font-size: 14px;
    line-height: 24px;
  }

  .item-list-categories > div .item-blog-bottom .link {
    font-size: 12px;
  }

  .item-list-categories > div .item-blog-bottom > ul li::after {
    padding-left: 10px;
  }

  .page-title .section-title {
    line-height: 90px;
    font-size: 80px;
  }

  .page-title .title-history span {
    font-size: 150px;
  }

  .page-title .title-history span span {
    font-size: 130px;
  }

  .page-title .title-history samp {
    font-size: 24px;
    top: 0;
  }

  .page-title {
    min-height: 500px;
  }

  .widget_instagram,
  .social-list,
  .comment .avatar,
  .related-section .item-list-categories .col-sm-4:last-child {
    display: display;
  }

  #comments .comments-tree .comment .comment-content {
    width: 100%;
  }

  #comments .comments-tree .children .comment {
    padding-left: 0;
  }

  #twitter .carousel-block .title-item h3 {
    margin-bottom: 40px;
  }

  #twitter .carousel-block ul.slick-dots {
    margin-top: 50px;
  }

  .padd-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 991px) {
  .filter-categories .form-group .selectstyle,
  .filter-categories .custom-search-input .search-query {
    font-size: 18px !important;
  }

  .item-list-categories > div,
  .grid-sizer-b {
    width: 50%;
  }

  #skills .skills-pro .progress-bar .count {
    font-size: 40px;
  }

  .item-list-categories > div .item-blog-top {
    margin-bottom: 30px;
  }

  #our-story .col-sm-6:first-child {
    display: display;
  }
  #our-story .col-sm-6:last-child {
    width: 100%;
  }

  #history .col-md-6 {
    margin-bottom: 60px;
  }
  #history .col-md-6:last-child {
    margin-bottom: 0;
  }

  #skills .skills-pro .progress-bar {
    width: 150px;
    height: 150px;
  }

  #skills h3.skills-title {
    font-size: 22px;
  }

  #skills .skills-pro .progress-bar .count {
    font-size: 50px;
  }

  .decline .footer-block.newsletter p {
    font-size: 13px;
    line-height: 24px;
  }

  .decline .footer-block ul.latest-news li a {
    font-size: 13px;
    padding-right: 25px;
  }

  .decline .footer-block .contact-link li p, .decline .footer-block .contact-link li div {
    font-size: 13px;
  }
}
@media (max-width: 900px) {
  .home .container {
    width: 622px;
  }

  #main-slider .slogan h2, #main-slider .slogan h3 {
    font-size: 50px;
    line-height: 55px;
  }

  #main-slider .slogan h4 {
    font-size: 18px;
  }

  .pager-works .item-work > div div h3 {
    font-size: 16px;
  }

  .list-menu .wr-list-menu ul li {
    padding: 8px 0;
  }

  #our-services .item-service .link .arrow-container {
    display: display;
  }

  .slick-prev, .slick-next, .nav-list {
    display: none!important;
  }

  .item-team .social li a i {
    font-size: 16px;
  }

  .item-team h3 {
    font-size: 20px;
  }

  .item-team p {
    padding: 0;
  }

  #our-price .col-sm-3 {
    width: 50%;
  }

  #our-price .over-container {
    position: relative;
    left: 0;
    top: 0%;
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #our-price .plan {
    border-width: 1px !important;
  }
}
@media (max-width: 767px) {
  #blog-single {
    padding: 50px 0;
  }

  #site-header.is-sticky {
    width: 100% !important;
  }

  .list-menu .wr-list-menu ul {
    min-width: 210px;
  }

  #our-story .wysiwyg h3 {
    font-size: 30px;
    line-height: 43px;
  }

  .home-t-1 #site-footer {
    bottom: 20px !important;
  }

  #main-slider .slogan {
    margin-top: 40px;
  }

  .classic #site-footer {
    padding-bottom: 50px;
  }

  .classic .full-section:last-child .over-container {
    padding-bottom: 30px;
  }

  #blog-single .article .entry-content p {
    margin-bottom: 30px;
  }

  #blog-single .article .entry-content blockquote {
    margin: 30px 0;
    padding: 35px 20px;
  }

  #blog-single .article .entry-content .topic.img-left img,
  #blog-single .article .entry-content .topic.img-right img {
    max-width: 100%;
    float: display;
    margin: 0 0px 20px 0;
  }

  #blog-single .entry-footer {
    display: display !important;
  }

  #blog-single .article .entry-content .topic {
    margin-bottom: 30px;
  }

  .item-list-categories > div,
  .grid-sizer-b {
    width: 100%;
  }

  .item-list-categories > div img {
    max-width: display;
    width: 100%;
  }

  .predefined-text {
    padding: 0 20px;
    font-size: 16px;
  }

  #contacts-form .column {
    margin-bottom: 30px;
    padding: 0px;
  }

  .decline #site-footer .copyright {
    color: #111 !important;
  }

  #site-header {
    left: 0 !important;
  }

  #site-header .main-menu span,
  #site-header .main-menu span:before,
  #site-header .main-menu span:after {
    background: #fff !important;
  }

  .decline-page #site-footer {
    display: block !important;
  }

  #site-header .main-menu {
    border: 2px solid #fff !important;
        top: 18px;
  }

  .home-navigation,
  .social-link,
  .l-black {
    display: display !important;
  }

  #site-wrapper {
    min-height: 480px;
  }

  #main-slider .slogan h2, #main-slider .slogan h3 {
    font-size: 30px;
    line-height: 35px;
  }

  #main-slider .slogan h4 {
    font-size: 16px;
    letter-spacing: 1.5px !important;
    padding: 0 15px;
  }

  #main-slider .slogan .btn-start {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 10px;
  }

  #site-header {
    left: 20px;
    right: 20px;
    top: 20px;
  }

  #site-footer {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  #site-footer .copyright {
    width: 100%;
    text-align: center;
  }

  .full-section {
    height: auto;
    position: relative;
  }

  #main-slider {
    height: 100%;
    min-height: 460px;
  }

  html, body, #site-wrapper,
  .full-section,
  #main-slider .slide-carousel, #main-slider .slide-item {
    min-height: auto;
  }

  /*
  .container{
    padding: 0 20px;
  }*/
  .over-container {
    position: relative;
    left: 0;
    top: 0%;
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding-top: 40px;
    padding-bottom: 52px;
  }

  .list-menu .wr-list-menu {
    width: 100%;
  }

  .pager-works .item-work {
    width: 25%;
  }

  .home .container {
    width: 100%;
  }

  .black .l-white {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  .over-container .container {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    opacity: 1 !important;
    top: 0 !important;
  }

  .title-history span span {
    font-size: 63px;
  }

  .title-history span {
    font-size: 85px;
  }

  #main-slider .slogan h2 {
    margin-top: 0 !important;
  }

  #site-wrapper #our-works .btn-load {
    display: block !important;
    padding-top: 40px;
  }

  .pager-works .item-work > div div h3 {
    font-size: 20px;
  }

  .item-work:nth-child(2n+1) {
    display: display !important;
  }

  .section-title {
    margin-bottom: 35px;
    padding: 0 20px;
    font-size: 35px;
  }

  #site-header .logo img {
    max-width: 75px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  #site-header {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    left: 0;
    padding: 5px;
    position: fixed;
    right: 0;
    top: 0;
  }

  .open-menu #site-header {
    background: display;
  }

  .title-history {
    margin-bottom: 0;
  }

  .home #our-story .col-sm-6:first-child {
    display: block !important;
  }

  .home #our-story .col-sm-6 img {
    width: 100%;
    margin-bottom: 40px;
  }

  .home #our-story .row,
  .home #our-works .row {
    margin: 0;
  }

  #site-footer {
    z-index: 98;
  }

  #our-story .wysiwyg {
    padding: 0 20px;
  }

  .home #our-services .item-service h3 {
    margin-top: -37px;
  }

  .home #our-clients .section-title, .home #our-clients .title-history {
    display: block !important;
  }

  .section-clients li {
    width: 50%;
    border-width: 1px !important;
  }

  .item-testi {
    margin-bottom: 30px;
  }

  .home #our-clients .over-container {
    margin-top: 0px;
    padding-bottom: 60px;
  }

  #our-price .over-container {
    padding: 40px 15px 50px;
  }

  #our-price .col-sm-3 {
    width: 100%;
    margin-top: -1px;
  }

  #our-price .plan .panel-heading,
  #our-price .plan ul li {
    text-align: center;
  }

  #our-price .plan ul li * {
    display: inline-block;
    float: display !important;
  }

  #contact-us .form-wrap {
    padding-right: 0;
    margin-bottom: 30px;
  }

  #contact-us .form-contact .column {
    margin-bottom: 30px;
  }

  #contact-us #maps-wrap .ctc-item {
    left: 0;
    padding: 35px;
    position: relative;
    top: 0;
    width: 100%;
    border: 8px solid rgba(0, 0, 0, 0.1);
  }

  #contact-us .show-mobile {
    display: block !important;
    text-align: center;
    padding: 40px 0 0;
    margin: 0;
  }

  #contact-us .show-mobile span {
    color: #de9092;
  }

  html, body, #site-wrapper,
  .full-section,
  #main-slider .slide-carousel, #main-slider .slide-item {
    overflow: initial !important;
  }

  .page-title .section-title {
    font-size: 57px;
    line-height: 67px;
  }

  #history .item-history h3 {
    line-height: 40px;
  }

  #history .item-history p {
    padding-right: 0;
  }

  .decline .over-container,
  .classic .over-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .gallert-slick a::before {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    background-size: 70px;
  }

  #site-footer .container-fluid {
    padding: 30px 0 !important;
  }
  #site-footer .row {
    margin: 0;
  }
  #site-footer .padd-100 {
    display: display;
  }
  #site-footer .copyright {
    padding-left: 0 !important;
  }

  .decline #our-story .wysiwyg,
  .classic #our-story .wysiwyg {
    padding: 0;
  }

  .slide-team-mobile {
    display: block !important;
  }

  .slide-team {
    display: display !important;
  }

  #twitter .carousel-block .title-item h3 {
    margin-bottom: 30px;
    font-size: 28px;
  }

  #twitter .carousel-block ul.slick-dots {
    margin-top: 50px;
  }

  .portfolio-list {
    padding-bottom: 30px;
  }

  .decline#site-wrapper #our-works .btn-load,
  .classic#site-wrapper #our-works .btn-load {
    padding-top: 40px;
  }

  .filter-menu,
  #services-request {
    display: display;
  }

  .portfolio-list ul {
    text-align: center;
  }

  .portfolio-list ul li {
    display: inline-block;
    float: display;
  }

  .portfolio-list ul li::after {
    display: display;
  }

  #our-services .col-sm-4:nth-last-child(-n+3) .item-service {
    margin-bottom: 30px;
  }

  #features .item-features {
    margin-bottom: 50px;
  }
  #features .item-features img {
    max-width: display;
    width: 100%;
  }

  .topic .img-responsive {
    width: 100%;
  }

  #comments .col-sm-6 {
    padding: 0 15px;
  }

  #comments .form-wrap {
    padding-left: 0;
    padding-top: 30px;
  }

  #comments .comments-tree {
    padding-right: 0;
    border-right: 0px solid #e7e7e7;
    height: auto;
  }

  #gallery .slick-list {
    padding: 0 !important;
  }

  .decline .section-title {
    margin-bottom: 40px;
  }

  #twitter .carousel-block .carousel-item .item > span {
    font-size: 13px;
  }

  #features .col-sm-4:last-child .item-features {
    margin-bottom: 0;
  }

  #our-services .item-service {
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .accordion-list .tabs-list .panel > div img {
    margin: 0 0 30px 0;
    width: 100%;
    display: block;
    max-width: 100%;
  }
}
@media (max-width: 767px) and (min-height: 300px) {
  #site-wrapper {
    min-height: 480px;
  }
}
/*============================================
	End Override Responsive Mode
  ============================================*/