@media (max-width: 1500px) {
  .blog-headline {
    padding: 200px 20px 0 70px;
  }

  .blog-single-full-width-with-image-slider-headline {
    width: 100%;
    font-size: 40px;
    line-height: 50px;
  }

  .blog-blockquote {
    padding: 60px;
  }

  .blog-text {
    padding: 60px 60px 0 60px;
  }

  .blog-comment-area {
    padding: 60px;
  }
}

@media (max-width: 1450px) {
  .blog-slider-con figcaption h3 {
    letter-spacing: 2px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 2px;
  }
}

@media (max-width: 1383px) {
  .sub-menu ul {
    right: -25px;
    z-index: 99;
  }

  .blog-slider-con figcaption h3 {
    letter-spacing: 1px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 2px;
  }

  .doo-newsletter {
    padding: 2% 45px 0;
  }

  .agency-header span {
    margin-top: 12%;
  }

  .fashion-right .right-content .title-large {
    font-size: 23px !important;
  }

  .fashion-right .right-content {
    padding: 8%;
  }

  .spa-sider .slider-content .get-bg {
    margin-bottom: 10%;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .md-display-block {
    display: block !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1920px) {
  .md-no-margin-bottom {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .md-full-width {
    width: 100% !important;
  }

  .md-display-block {
    display: block !important;
  }

  .md-no-padding-bottom {
    padding-bottom: 0 !important;
  }

  .spa-our-packages .content-box {
    padding: 15px;
  }

  .md-bottom-10 {
    bottom: 10px !important;
  }

  .subheader {
    padding: 0 15px;
  }

  .popular-destinations-highlight {
    padding: 20px 15px;
  }

  .popular-destinations-text {
    padding: 25px 0;
  }

  .popular-destinations-highlight-sub {
    margin-bottom: 35px;
  }

  .travel-about-img img {
    max-width: 100%;
  }

  .agency-enjoy-right {
    padding: 100px 50px 100px 100px;
  }

  .agency-enjoy-right .title-top {
    font-size: 75px;
  }

  .agency-enjoy-right .title-top span {
    font-size: 28px;
    line-height: 42px;
  }
}

@media (max-width: 1199px) {
  .lg-margin-bottom-five {
    margin-bottom: 5% !important;
  }

  .key-person {
    max-height: 580px;
  }

  .title-large {
    line-height: 36px !important;
    font-size: 26px !important;
  }

  #key-person .owl-subtitle {
    display: block;
    line-height: 26px;
    margin: 10% 0 13%;
  }

  #key-person .xs-display-none {
    display: none;
  }

  .services-main {
    padding: 4% 1% 4% 3%;
  }

  .services-sub {
    padding: 60px 0 0 0;
  }

  .blog-slider-con figcaption h3 {
    font-size: 13px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 1px;
  }

  .grid figcaption {
    bottom: 50px;
  }

  .md-bottom-10 {
    bottom: 10px !important;
  }

  .half-project-small-img {
    min-height: 259px;
  }

  .blog-slider-grid figcaption {
    padding: 15px;
  }

  .blog-grid-listing .blog-details {
    padding: 0 15px 15px;
  }

  .blog-title a {
    font-size: 13px;
    letter-spacing: 1px;
  }

  .blog-grid-listing .blog-date {
    letter-spacing: 0px;
    padding-top: 15px;
  }

  .work-background-slider-text {
    padding: 100px 70px;
  }

  .work-background-slider-main .spend-year {
    font-size: 25px;
  }

  .notify-me-main input {
    width: 63%;
  }

  .notify-me-main .btn-small {
    width: 37%;
  }

  .search-cart-header > #top-search > .subtitle {
    display: none;
  }

  .blog-headline {
    padding: 190px 20px 0 30px;
  }

  .blog-single-full-width-with-image-slider-headline {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-headline .posted-by {
    font-size: 20px;
    margin: 35px 0 10px;
  }

  .blog-headline .blog-cat a:after {
    padding: 0 7px;
  }

  .blog-headline .blog-date {
    padding: 30px;
  }

  .blog-blockquote {
    padding: 50px 15px;
  }

  .blog-text {
    padding: 50px 30px 0;
  }

  .blog-comment-area {
    padding: 50px 30px;
  }

  .blog-text p {
    width: 100%;
  }

  .social-icon-large .fa {
    height: 50px !important;
    width: 50px;
  }

  footer ul.list-inline li:first-child {
    padding-left: 5px;
  }

  .list-inline li {
    padding: 0 17px;
  }

  .portfolio-short-description figure {
    padding: 70px;
  }

  .urgent-job {
    top: 164px;
  }

  .doo-newsletter-main {
    padding: 27px;
  }

  .doo-newsletter {
    padding: 0;
    min-height: 0;
  }

  .lg-display-none {
    display: none;
  }

  .lg-display-block {
    display: block;
  }

  .lg-margin-bottom-three {
    margin-bottom: 3% !important;
  }

  .food-services-border {
    padding: 15px 25px;
  }

  .img-border-full {
    left: 15px;
    top: 0;
    width: calc(100% - 29px);
    height: calc(100% - 0px);
  }

  .special-offers-sub {
    top: 19%;
  }

  .special-offers {
    min-height: 324px;
  }

  .corporate-about-text {
    padding: 50px 3%;
  }

  .corporate-standards-text {
    padding-left: 6%;
    padding-right: 6%;
  }

  .services-box figure {
    padding: 90px 50px 0;
  }

  .case-study-number {
    padding: 0 35px;
  }

  .case-study-text {
    margin-left: 10px;
  }

  .spa-slider-bg {
    height: 100%;
    width: 100%;
  }

  .spa-sider .owl-title {
    letter-spacing: 6px;
  }

  .reasons {
    padding: 8.6% 5.6% 25.6%;
  }

  .about-number {
    padding: 0 20px;
  }

  .about-text {
    margin-left: 0;
  }

  .career-form {
    padding: 3%;
  }

  .photography-grid .grid li {
    width: 33.3333%;
  }

  .recent-photography .grid li {
    width: 33.3333%;
  }

  #tour-package .col-md-4 {
    width: 50% !important;
  }

  .md-margin-bottom {
    margin-bottom: 2%;
  }

  .nav > li {
    margin-right: 17px;
    margin-left: 17px;
  }

  .nav-tabs > li {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1064px) {
  .parallax-fix {
    background-attachment: scroll !important;
  }

  .slider-text .col-md-3 {
    margin-left: 10%;
  }

  .case-study-slider .col-sm-5 {
    margin-right: 63px;
  }

  .blog-slider-con figcaption h3 {
    font-size: 14px;
    letter-spacing: 4px;
    line-height: 20px;
  }

  .blog-slider-con figcaption {
    padding: 35px 25px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 2px;
    line-height: 18px;
  }

  .features-box-style1 br,.features-box-style2 br {
    display: none;
  }

  .model-details-text {
    padding: 25px;
  }

  .architecture-team {
    padding: 0 45px 30px 45px;
  }
}

@media (max-width: 1024px) {
  .navbar-right .dropdown-menu {
    right: -147px;
  }

  .cd-headline.slide .cd-words-wrapper {
    width: 100% !important;
  }

  .timeline-number {
    padding: 35%;
  }

  .md-display-none {
    display: none !important;
  }

  .fix-background {
    background-attachment: inherit !important;
  }

  .agency-header span {
    margin-top: 15%;
  }
}

@media (max-width: 991px) {
  nav .accordion-menu * {
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
  }

  .panel {
    position: relative;
  }

  .panel-title > a.collapsed:after {
    content: '+';
    position: absolute;
    right: 24px;
  }

  .panel-title > a:after {
    content: '-';
    position: absolute;
    right: 24px;
  }

  .open .collapse {
    display: none;
  }

  .open .collapse.in {
    display: block;
  }

  .collapse.in {
    width: 100%;
    clear: both;
  }

  .breadcrumb {
    text-align: left;
    margin-top: 2%;
  }

  section {
    padding: 90px 0;
  }

  .section-title {
    padding-bottom: 90px;
  }

  .sm-pull-left {
    float: left !important;
  }

  .sm-pull-right {
    float: right !important;
  }

  .sm-no-margin {
    margin: 0 auto !important;
  }

  .sm-no-margin-top {
    margin-top: 0 !important;
  }

  .sm-no-margin-bottom {
    margin-bottom: 0 !important;
  }

  .sm-margin-five {
    margin: 5% 0 !important;
  }

  .sm-margin-eight {
    margin: 8% 0 !important;
  }

  .sm-margin-bottom-one {
    margin-bottom: 1% !important;
  }

  .sm-margin-bottom-two {
    margin-bottom: 2% !important;
  }

  .sm-margin-bottom-three {
    margin-bottom: 3% !important;
  }

  .sm-margin-bottom-four {
    margin-bottom: 4% !important;
  }

  .sm-margin-bottom-five {
    margin-bottom: 5% !important;
  }

  .sm-margin-bottom-six {
    margin-bottom: 6% !important;
  }

  .sm-margin-bottom-seven {
    margin-bottom: 7% !important;
  }

  .sm-margin-bottom-eight {
    margin-bottom: 8% !important;
  }

  .sm-margin-bottom-nine {
    margin-bottom: 9% !important;
  }

  .sm-margin-bottom-ten {
    margin-bottom: 10% !important;
  }

  .sm-margin-bottom-eleven {
    margin-bottom: 11% !important;
  }

  .sm-margin-bottom-twelve {
    margin-bottom: 12% !important;
  }

  .sm-margin-top-one {
    margin-top: 1% !important;
  }

  .sm-margin-top-two {
    margin-top: 2% !important;
  }

  .sm-margin-top-three {
    margin-top: 3% !important;
  }

  .sm-margin-top-four {
    margin-top: 4% !important;
  }

  .sm-margin-top-five {
    margin-top: 5% !important;
  }

  .sm-margin-top-six {
    margin-top: 6% !important;
  }

  .sm-margin-top-seven {
    margin-top: 7% !important;
  }

  .sm-margin-top-eight {
    margin-top: 8% !important;
  }

  .sm-margin-top-nine {
    margin-top: 9% !important;
  }

  .sm-margin-top-ten {
    margin-top: 10% !important;
  }

  .sm-margin-top-eleven {
    margin-top: 11% !important;
  }

  .sm-margin-top-twelve {
    margin-top: 12% !important;
  }

  .sm-margin-right-one {
    margin-right: 1% !important;
  }

  .sm-no-margin-right {
    margin-right: 0 !important;
  }

  .sm-no-margin-left {
    margin-left: 0 !important;
  }

  .sm-padding-bottom-six {
    padding-bottom: 6% !important;
  }

  .sm-no-padding {
    padding: 0 !important;
  }

  .sm-no-padding-left {
    padding-left: 0 !important;
  }

  .sm-padding-top-six {
    padding-top: 6% !important;
  }

  .sm-padding-top-nine {
    padding-top: 9% !important;
  }

  .sm-padding-bottom-nine {
    padding-bottom: 9% !important;
  }

  .sm-display-none {
    display: none !important;
  }

  .sm-text-center {
    text-align: center !important;
  }

  .sm-border {
    border: 1px solid rgba(0, 0, 0, 0.075) !important;
  }

  .sm-no-border-right {
    border-right: 0 !important;
  }

  .sm-margin-lr-four {
    margin-left: 4% !important;
    margin-right: 4% !important;
  }

  .sm-background-image-right {
    background-position: center right !important;
  }

  .sm-pull-none {
    float: none !important;
  }

  .features-section.col-md-12.col-sm-6 {
    padding: 0 2% !important;
  }

  #features .section-title {
    padding: 0 0 90px 0;
  }

  .features-section h5 {
    line-height: 18px;
  }

  .col-sm-12:last-child .features-section:first-child {
    margin-bottom: 0;
  }

  .services-main {
    padding: 10% 3%;
    width: 100%;
  }

  .services-sub-section {
    padding-right: 0;
  }

  .services-sub {
    padding-top: 4%;
  }

  #services {
    background-color: rgba(224, 224, 224, 1) !important;
    background-image: none !important;
  }

  .key-person:hover .key-person-details {
    bottom: 140px;
  }

  .key-person-details {
    bottom: 10px;
  }

  .counter-section:nth-child(3),.counter-section:nth-child(4) {
    margin-bottom: 0;
  }

  .key-person {
    max-height: 470px;
  }

  .case-study-slider {
    padding: 90px 0;
  }

  .case-study-work {
    line-height: 18px;
  }

  #blog .section-title {
    padding-bottom: 50px;
  }

  .post-title {
    line-height: 16px;
    margin-bottom: 15px;
  }

  .post-details {
    line-height: 15px;
  }

  .blog-post p {
    line-height: 23px;
  }

  .approach .col-sm-6 {
    margin: 0 0 90px;
  }

  .approach .col-sm-6:nth-child(3), .approach .col-sm-6:nth-child(4) {
    margin-bottom: 0;
  }

  .new-project h5 {
    margin-bottom: 10px;
  }

  .owl-half-slider .owl-title {
    width: 60%;
  }

  .blog-slider-con figcaption {
    padding: 20px 20px 20px;
    bottom: -60px;
  }

  .blog-slider-con figcaption h3 {
    font-size: 13px;
    letter-spacing: 4px;
    line-height: 16px;
  }

  .grid li {
    width: 50% !important;
  }

  .related-projects li {
    width: 33.33% !important;
  }

  .related-projects.wide-title .grid figcaption {
    padding: 30px 0;
  }

  .grid figcaption {
    bottom: 10px;
  }

  .half-project-img {
    min-height: 520px;
  }

  .project-content .col-sm-12.text-med {
    margin-top: 5%;
  }

  .half-project-small-img {
    min-height: 213px;
  }

  .half-project-img-slider {
    min-height: 520px;
  }

  #animated-tab .nav-tabs > li > a {
    padding: 0 22px;
  }

  .cd-words-wrapper {
    width: auto !important;
  }

  .blog-slider-right {
    margin-top: 28px;
  }

  .work-4col .grid-gallery figcaption h3, .work-4col .grid-gallery figcaption h3 a {
    font-size: 14px;
    margin: 0 0 8px;
  }

  .work-4col .grid-gallery figcaption p {
    font-size: 12px;
  }

  .work-4col .grid figcaption {
    bottom: 30px;
  }

  .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a {
    font-size: 14px;
    margin: 0 0 8px;
    letter-spacing: 2px;
  }

  .work-5col .grid-gallery figcaption p {
    font-size: 12px;
    letter-spacing: 3px;
  }

  .work-5col .grid-gallery figcaption i {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .portfolio-short-description figure {
    padding: 30px;
  }

  .features-section .col-xs-9 {
    width: 70%;
  }

  .mfp-wrap {
    z-index: 999999;
  }

  .mfp-wrap .new-project {
    position: relative;
    z-index: 9999991;
  }

  .work-background-slider-text {
    padding: 40px 30px;
    width: 100%;
  }

  .slider-subtitle1 {
    font-size: 40px;
    line-height: 58px;
    width: 234px;
  }

  .slider-typography-doo .owl-title {
    font-size: 50px;
    line-height: 52px;
  }

  .slider-title-big6 {
    font-size: 90px;
  }

  .parallax-section-main {
    min-height: 370px;
  }

  .blog-date {
    line-height: 16px;
  }

  .blog-headline {
    padding: 190px 25px 80px;
  }

  .blog-blockquote {
    padding: 60px 10px;
  }

  .blog-blockquote blockquote {
    width: 100%;
  }

  .blog-text {
    padding: 60px 25px;
  }

  .blog-text p {
    width: 100%;
  }

  .blog-comment-area {
    padding: 60px 25px;
  }

  .text-uppercase {
    word-wrap: break-word;
  }

  .blog-comment-form-main {
    padding-top: 0;
    clear: both;
  }

  .blog-comment .comment-avtar {
    margin-right: 20px;
  }

  .blog-listing-classic .blog-image {
    margin-bottom: 0px;
  }

  .widget {
    margin-bottom: 35px;
  }

  .blog-image blockquote {
    padding: 30px;
  }

  .blog-image blockquote p {
    font-size: 18px;
    line-height: 29px;
  }

  .blog-image blockquote p:before {
    font-size: 42px;
  }

  .about-author {
    padding: 30px;
  }

  .blog-grid-listing .blog-date {
    letter-spacing: 0;
    line-height: 16px;
    padding-top: 17px;
  }

  .blog-title a {
    letter-spacing: 1px;
    line-height: 18px;
    margin-top: 10px;
  }

  .blog-grid-listing .blog-details .blog-title {
    min-height: 48px;
  }

  .blog-listing-full {
    margin-bottom: 90px;
  }

  .blog-listing-full .blog-date-right a {
    font-size: 12px;
  }

  .parallax-fix {
    background-attachment: inherit !important;
  }

  .parallax-portfolio {
    background-attachment: inherit !important;
    background-size: 125% auto;
  }

  .portfolio-short-description-bg {
    background-size: 102%;
  }

  .fix-background {
    background-attachment: inherit !important;
  }

  footer h6 {
    line-height: 16px;
  }

  footer ul.list-inline li:first-child {
    padding-left: 18px;
  }

  .footer-social a:last-child {
    margin-right: 25px;
  }

  .about-restaurant-text {
    min-height: 0;
  }

  .chef-text {
    min-height: 0;
  }

  .img-border-full {
    height: calc(100% - -82px);
    width: calc(100% - 30px);
  }

  .special-offers-sub {
    top: 33%;
  }

  .special-offers {
    min-height: 378px;
  }

  .travel-booking .tab-style3 .nav-tabs li a {
    margin: 0 !important;
    padding: 0 30px;
  }

  .img-border-small-fix {
    left: 0;
    width: 100%;
  }

  .corporate-standards-text {
    min-height: 0;
  }

  .corporate-standards .nav-tabs li a {
    padding: 0 46px !important;
  }

  .corporate-about-text {
    min-height: 200px;
  }

  .urgent-job {
    top: 176px;
  }

  .fashion-right .right-content {
    padding: 12% 0 0 12% !important;
  }

  .spa-case-study .case-study-slider img {
    display: none;
  }

  .spa-case-study .case-study-work {
    line-height: 25px;
  }

  .spa-our-packages .content-box {
    padding: 18px;
  }

  .person-grid .owl-title {
    line-height: 36px;
  }

  .doo-newsletter .btn.btn-small {
    width: 25%;
  }

  .exclusive-style-text {
    padding: 60px 35px;
  }

  .onsale {
    bottom: 22%;
  }

  .onsale-style-2 {
    bottom: 22%;
  }

  .new {
    bottom: 22%;
  }

  .doo-shorting {
    width: auto;
  }

  .doo-shorting-full {
    float: left;
    width: auto;
  }

  .photography-slider h1 {
    font-size: 80px;
    letter-spacing: 30px;
  }

  .accordion-menu .banner {
    display: none;
  }

  .case-study-details {
    float: left;
    width: 100%;
    clear: both;
    min-height: inherit;
    padding-bottom: 10%;
  }

  .nav-tabs > li > a {
    margin-left: 16px;
    margin-right: 16px;
  }

  #top-search {
    margin-left: 13px;
  }

  .search-cart-header i {
    padding: 5px;
  }

  .top-cart .fa-shopping-cart {
    padding: 5px;
    margin-right: 0;
  }
}

@media (max-width: 920px) {
  .blog-slider-con figcaption {
    padding: 20px 15px 20px;
    bottom: -60px;
  }

  .blog-slider-con figcaption h3 {
    letter-spacing: 2px;
  }
}

@media (max-width: 768px) {
  .separator-line {
    margin: 20px auto 15px;
  }

  .lg-display-none {
    display: block;
  }

  .key-person i {
    margin: 15px 10% 25px;
  }

  #animated-tab .nav-tabs {
    margin: 0 0 70px;
  }

  .nav-tabs > li > a {
    border-right: 0;
  }

  #animated-tab .nav-tabs > li > a {
    margin: 0 auto;
  }

  .portfolio-filter {
    display: inline-block;
  }

  .nav > li {
    width: auto;
  }

  .nav-tabs > li.active > a {
    margin-bottom: 0px;
  }

  .nav-tabs > li > a:hover {
    margin-bottom: 0px;
    vertical-align: top;
  }

  .owl-title-big {
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 44px;
  }

  .slider-text-middle4 {
    padding: 0 15px 35px;
  }

  .urgent-job {
    top: 164px;
  }

  .sm-bg-yellow {
    background: none repeat scroll 0 0 #e6af2a !important;
  }

  .architecture-company .nav-tabs {
    width: auto !important;
  }

  .architecture-company .nav-tabs > li {
    width: auto !important;
  }

  .spa-sider .owl-title {
    font-size: 24px;
    line-height: 16px;
  }

  .career-form {
    padding: 5%;
  }

  .cd-headline.slide span {
    padding-bottom: 2em;
  }
}

@media (max-width: 767px) {
  section {
    padding: 50px 0;
  }

  .xs-pull-left {
    float: left !important;
  }

  .first-child {
    padding-top: 0;
  }

  .last-child {
    padding-bottom: 0;
  }

  .margin-top-section {
    margin-top: 50px;
  }

  .xs-indicators-black .active {
    background-color: #000;
    border: 2px solid rgba(0, 0, 0, 1);
  }

  .xs-indicators-black li {
    border: 2px solid rgba(0, 0, 0, 1);
  }

  .xs-no-margin {
    margin: 0 auto !important;
  }

  .xs-no-margin-top {
    margin-top: 0 !important;
  }

  .xs-margin-bottom-one {
    margin-bottom: 1% !important;
  }

  .xs-margin-bottom-two {
    margin-bottom: 2% !important;
  }

  .xs-margin-bottom-three {
    margin-bottom: 3% !important;
  }

  .xs-margin-bottom-four {
    margin-bottom: 4% !important;
  }

  .xs-margin-bottom-five {
    margin-bottom: 5% !important;
  }

  .xs-margin-bottom-six {
    margin-bottom: 6% !important;
  }

  .xs-margin-bottom-seven {
    margin-bottom: 7% !important;
  }

  .xs-margin-bottom-eight {
    margin-bottom: 8% !important;
  }

  .xs-margin-bottom-nine {
    margin-bottom: 9% !important;
  }

  .xs-margin-bottom-ten {
    margin-bottom: 10% !important;
  }

  .xs-margin-bottom-eleven {
    margin-bottom: 11% !important;
  }

  .xs-margin-bottom-twelve {
    margin-bottom: 12% !important;
  }

  .xs-margin-bottom-thirteen {
    margin-bottom: 13% !important;
  }

  .xs-margin-bottom-thirtyfive {
    margin-bottom: 35% !important;
  }

  .xs-margin-top-one {
    margin-top: 1% !important;
  }

  .xs-margin-top-two {
    margin-top: 2% !important;
  }

  .xs-margin-top-three {
    margin-top: 3% !important;
  }

  .xs-margin-top-four {
    margin-top: 4% !important;
  }

  .xs-margin-top-five {
    margin-top: 5% !important;
  }

  .xs-margin-top-six {
    margin-top: 6% !important;
  }

  .xs-margin-top-seven {
    margin-top: 7% !important;
  }

  .xs-margin-top-eight {
    margin-top: 8% !important;
  }

  .xs-margin-top-nine {
    margin-top: 9% !important;
  }

  .xs-margin-top-ten {
    margin-top: 10% !important;
  }

  .xs-margin-top-eleven {
    margin-top: 11% !important;
  }

  .xs-margin-top-twelve {
    margin-top: 12% !important;
  }

  .xs-margin-top-thirteen {
    margin-top: 13% !important;
  }

  .xs-no-margin-right {
    margin-right: 0 !important;
  }

  .xs-no-margin-left {
    margin-left: 0 !important;
  }

  .xs-no-margin-lr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xs-no-margin-bottom {
    margin-bottom: 0 !important;
  }

  .xs-padding-bottom-six {
    padding-bottom: 6% !important;
  }

  .xs-padding-bottom-fifteen {
    padding-bottom: 15% !important;
  }

  .xs-padding-top-six {
    padding-top: 6% !important;
  }

  .xs-padding-left-right-two {
    padding: 0 2% !important;
  }

  .xs-display-none {
    display: none !important;
  }

  .xs-padding-seven {
    padding: 6% 0;
  }

  .xs-no-padding {
    padding: 0 !important;
  }

  .xs-no-padding-left {
    padding-left: 0 !important;
  }

  .xs-no-padding-right {
    padding-right: 0 !important;
  }

  .xs-no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xs-no-padding-top {
    padding-top: 0 !important;
  }

  .xs-no-padding-bottom {
    padding-bottom: 0 !important;
  }

  .xs-no-padding-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xs-padding-right {
    padding-right: 15px !important;
  }

  .xs-padding-left {
    padding-left: 15px !important;
  }

  .xs-text-center {
    text-align: center !important;
  }

  .xs-no-border {
    border: 0 !important;
  }

  .xs-no-background {
    background: none !important;
  }

  .xs-no-float {
    float: none !important;
  }

  .xs-display-block {
    display: block !important;
  }

  .xs-text-left {
    text-align: left !important;
  }

  .width-70 {
    width: 100% !important;
  }

  .xs-width-100 {
    width: 100% !important;
  }

  .xs-img-full {
    width: 100%;
  }

  .xs-padding-tb-ten {
    padding-bottom: 10% !important;
    padding-top: 10% !important;
  }

  .xs-width-100 {
    width: 100% !important;
  }

  .xs-letter-spacing-6 {
    letter-spacing: 6px !important;
  }

  .xs-center-col {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xs-padding-eight {
    padding: 8%;
  }

  .xs-position-inherit {
    position: inherit;
  }

  .xs-line-height-18 {
    line-height: 18px !important;
  }

  .xs-bg-gray {
    background-color: #f6f6f6 !important;
  }

  .features-section {
    margin-bottom: 6% !important;
  }

  .features-section.col-md-12.col-sm-6 {
    padding: 0 !important;
  }

  .col-sm-12:last-child .features-section:last-child {
    margin-bottom: 0 !important;
  }

  .features-section .separator-line {
    margin: 15px 0 11px;
  }

  .portfolio-nav {
    position: relative;
  }

  .col-sm-4:first-child .next-project i {
    margin-left: 0;
  }

  .mfp-close {
    padding-left: 0;
  }

  .work-process .col-xs-12 {
    margin-bottom: 10%;
  }

  .services-main {
    padding: 90px 15px 0;
  }

  .services-main i {
    margin-bottom: 15px;
  }

  .services-sub-section {
    margin-bottom: 10%;
  }

  .services-sub {
    padding-top: 0;
  }

  .services-sub:last-child .services-sub-section:last-child {
    margin-bottom: 0;
  }

  .services-sub-section {
    padding-right: 15px;
  }

  .counter-section:nth-child(3) {
    margin-bottom: 90px;
  }

  .case-study-details {
    padding: 17% 5%;
  }

  .testimonial .carousel-indicators {
    bottom: -50px;
  }

  .testimonial p {
    margin: 40px 0;
  }

  .jumbotron {
    padding: 30px 0;
  }

  .key-person-details {
    padding: 32px 10px 10px;
  }

  .key-person {
    max-height: 100%;
  }

  #key-person .col-xs-4 {
    width: 100%;
  }

  #blog .col-sm-4 {
    margin-bottom: 15px;
  }

  .blog-post-images {
    margin-bottom: 20px;
  }

  .post-title {
    margin: 0;
  }

  .post-author {
    display: block;
    margin-bottom: 10px;
  }

  .blog-post p {
    padding: 0 0 20px;
  }

  .below-header {
    margin-top: 55px;
  }

  .approach .col-sm-6:nth-child(3) {
    margin-bottom: 90px;
  }

  .approach h5 {
    margin: 10px 0 0;
  }

  footer .col-sm-4 {
    margin-bottom: 30px;
  }

  footer .col-sm-4:last-child {
    margin-bottom: 0;
  }

  .owl-half-slider .owl-title {
    font-size: 20px;
    line-height: 30px;
  }

  .slider-typography-doo .owl-title {
    font-size: 40px;
    line-height: 42px;
  }

  .highlight-button-black-border {
    font-size: 16px;
    padding: 10px 20px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 1px;
  }

  .blog-slider-con figcaption h3 {
    letter-spacing: 1px;
  }

  .blog-slider-right {
    margin-bottom: 0;
  }

  .blog-slider-right:last-child {
    margin-bottom: 28px;
  }

  .half-project-small-img {
    min-height: 264px;
  }

  .project-content .text-large {
    margin-top: 9%;
    display: inline-block;
  }

  .col-sm-6:nth-child(2).text-med {
    margin-top: 5%;
  }

  .spend-time {
    border-right: 0;
  }

  .text-large {
    margin-right: 0;
  }

  .full-width-image {
    min-height: 0;
  }

  .owl-half-slider .container {
    min-height: 560px;
  }

  .portfolio-filter {
    display: block;
  }

  .nav-tabs-light {
    height: inherit;
    margin-bottom: 25px;
  }

  .nav-tabs-light li a {
    margin: 15px 0 0 0;
  }

  .active > a {
    border-bottom: 2px solid #000;
  }

  .nav-tabs-light li:last-child a {
    margin: 15px 0 0 0;
  }

  .tab-style3 .nav-tabs li:last-child a {
    margin: 0;
  }

  .nav-tabs-light li:first-child a {
    margin: 0;
  }

  .nav-tabs > li > a:hover {
    border-bottom: 2px solid #000;
  }

  .nav-tabs > li.active > a {
    border-width: 2px;
  }

  .grid li {
    width: 100% !important;
  }

  .grid figcaption {
    bottom: 6% !important;
  }

  .work-with-title .grid li:hover figcaption {
    bottom: 85px !important;
  }

  #animated-tab .nav-tabs {
    width: 100%;
    text-align: center;
  }

  #animated-tab .nav > li {
    text-align: center;
    width: 20%;
    margin: 0 -3px 0 0;
    display: inline-block;
    border: 0;
    float: none;
  }

  #animated-tab .nav-tabs > li > a {
    padding: 0;
    display: inline-table;
  }

  .nav-tabs > li > a {
    margin-bottom: 0px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .nav-tabs > li.active > a {
    margin-bottom: 0px;
  }

  .tab-style1 .nav-tabs li a:hover, .tab-style2 .nav-tabs li a:hover {
    padding: 5px auto;
    border-bottom: 2px solid #000;
  }

  .tab-style2 .nav-tabs li a {
    border-bottom: 2px solid #d4d4d4;
    padding: 5px 0;
  }

  .tab-style2 .nav-tabs li.active {
    border: none;
    margin: 0;
  }

  .tab-style2 .nav-tabs li.active a {
    border-bottom: 2px solid #000;
    padding: 5px 0;
  }

  .tab-style2 .tab-content {
    padding: 0;
    border: none;
  }

  .tab-style3 .nav-tabs {
    border: 1px solid #ddd;
  }

  .tab-style3 .nav-tabs li:first-child {
    margin-left: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
  }

  .tab-style3 .nav-tabs li:last-child {
    border-bottom: none;
  }

  .tab-style3 .nav-tabs li {
    border-bottom: 1px solid #e5e5e5;
    border-top: none;
    border-right: none;
  }

  .tab-style3 .nav-tabs li a:hover {
    border: none;
  }

  .tab-style3 .nav-tabs li.active {
    border-bottom: 1px solid #e5e5e5;
  }

  .tab-style3 .tab-content {
    padding: 0 20px;
  }

  .tab-style4 .tabs-left .nav-tabs {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .tab-style4 .tab-content {
    width: 100%;
    float: left;
    padding: 20px;
  }

  .tab-style5 .tabs-left .nav-tabs {
    width: 100%;
  }

  .tab-style5 .tabs-left .nav-tabs li {
    border: none;
  }

  .tab-style5 .tab-content {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border: none;
    float: left;
  }

  .travel-booking .tab-style3 .nav-tabs li {
    margin-bottom: 1px;
  }

  #contact-us .medium-icon {
    margin-bottom: 0px;
  }

  #contact-us .col-md-4 {
    margin-bottom: 10%;
  }

  .owl-title-big {
    font-size: 26px;
    letter-spacing: 4px;
    line-height: 34px;
    padding: 25px 20px;
    width: 90%;
  }

  .owl-half-slider .owl-item .item {
    min-height: 400px;
  }

  .owl-half-slider .owl-item .container {
    min-height: 400px;
  }

  .owl-half-slider .container {
    min-height: 560px;
  }

  .page-title-large h1 {
    font-size: 20px !important;
  }

  .page-title-large {
    min-height: 250px;
    padding: 140px 0 0;
  }

  .work-2col.wide-title .grid figcaption {
    bottom: 0;
    padding: 30px 0;
  }

  .work-3col.wide-title .grid figcaption {
    bottom: 0;
    padding: 30px 0;
  }

  .work-4col.wide-title .grid figcaption {
    bottom: 0;
    padding: 30px 0;
  }

  .work-5col.wide-title .grid figcaption {
    bottom: 0;
    padding: 30px 0;
  }

  .parallax-portfolio {
    min-height: 420px;
    background-size: cover;
  }

  .parallax-portfolio figcaption {
    padding: 25px;
  }

  .portfolio-short-description-bg {
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 62.5%;
  }

  .portfolio-short-description figure {
    padding: 30px;
    width: 100%;
  }

  .portfolio-short-description figure h3 {
    font-size: 16px;
  }

  .pagination a {
    margin: 0 13px;
  }

  .next-previous-project-style2 a {
    width: 100%;
    padding: 20px 0;
  }

  .next-previous-project-style2 a.border-right {
    border-right: 0px;
  }

  .great-result .owl-pagination {
    bottom: 10px;
  }

  .work-background-slider-text {
    padding: 40px 30px;
    position: inherit;
    width: 100%;
  }

  .slider-subtitle1 {
    font-size: 24px;
    line-height: 36px;
    width: 138px;
    padding: 15px;
    margin-bottom: 25px;
  }

  .slider-subtitle2 {
    font-size: 38px;
    line-height: 49px;
  }

  .button-style .btn {
    display: table;
    margin: 0 auto;
  }

  .button-style .btn.button-reveal {
    display: list-item;
    margin: 0 auto;
    width: 220px;
  }

  .pricing [class^="col-"] {
    padding: 0 15px;
  }

  .search-cart-header .subtitle {
    display: none;
  }

  .search-cart-header {
    padding: 14px 15px 0 0px;
  }

  #top-search {
    margin: 1px 0 0 10px;
  }

  .glyphs .box1 {
    width: 50%;
  }

  .features-section .col-xs-9 {
    width: 80%;
  }

  .blog-image blockquote p {
    font-size: 16px;
    line-height: 28px;
  }

  .blog-headline {
    padding: 170px 15px 40px;
  }

  .blog-blockquote {
    padding: 60px 0;
  }

  .blog-text {
    padding: 30px 15px;
  }

  .blog-details-text p {
    margin-bottom: 15px;
  }

  .blog-comment-area {
    padding: 0 15px 30px;
    float: left;
  }

  .blog-comment-main {
    float: left;
    padding: 30px 15px;
    width: 100%;
  }

  .blog-comment {
    line-height: 24px;
  }

  .social-icon-large .fa {
    font-size: 20px;
    height: 40px !important;
    width: 40px;
  }

  .blog-comment {
    margin: 30px 0;
    width: 100%;
    clear: both;
  }

  .blog-comment > .blog-comment {
    width: auto;
  }

  .social-icon-large {
    margin-right: 10px;
  }

  .full-width-headline h2 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 190px;
  }

  .text-large-full-width {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .widget input {
    width: 100%;
  }

  .widget .close-search {
    right: 33px;
  }

  .blog-image blockquote {
    padding: 20px;
  }

  .blog-image blockquote p:before {
    font-size: 35px;
  }

  .blog-date {
    padding-top: 20px;
  }

  .pagination {
    margin-top: 0px;
  }

  .about-author {
    padding: 20px;
  }

  .blog-details-headline {
    font-size: 18px;
    line-height: 24px;
  }

  .blog-details-text blockquote {
    margin-bottom: 30px;
  }

  .blog-comment .comment-avtar {
    margin-bottom: 15px;
  }

  .blog-listing-full {
    margin-bottom: 50px;
  }

  .blog-listing-full .blog-title a {
    font-size: 20px;
    line-height: 28px;
  }

  .blog-listing-full .blog-number {
    font-size: 30px;
    width: 80px;
    line-height: 80px;
  }

  .blog-listing-full .blog-date {
    margin-top: 30px;
  }

  .blog-short-description {
    width: 100%;
  }

  .page-title {
    padding: 40px 0;
  }

  .page-title h1 {
    letter-spacing: 2px;
    line-height: 26px;
    margin-bottom: 0px;
  }

  .page-title-large {
    padding: 140px 0 0;
  }

  .list-inline li {
    padding: 0 15px;
  }

  footer ul.list-inline li:first-child {
    padding-left: 0;
  }

  footer ul.list-inline li:last-child {
    padding-right: 0;
  }

  footer .footer-middle {
    padding-top: 50px;
    padding-bottom: 25px;
  }

  footer h6 {
    font-size: 11px;
  }

  .onsale {
    bottom: 12%;
  }

  .onsale-style-2 {
    bottom: 14%;
  }

  .new {
    bottom: 12%;
  }

  .doo-newsletter {
    padding: 0;
    min-height: 0;
  }

  .grid-nav {
    display: table;
    float: none !important;
    line-height: 14px;
    margin: 9px auto;
  }

  .shorting.clearfix .pull-right {
    display: table;
    float: none !important;
    margin: 0 auto;
  }

  .xs-med-input.select-style {
    width: 100px !important;
  }

  .doo-cart-table {
    overflow-x: scroll;
  }

  .doo-cart {
    max-width: none;
    width: 710px !important;
  }

  .continue-shopping {
    display: none;
  }

  .checkout-btn {
    font-size: 16px;
  }

  .model-details-text {
    padding: 0;
  }

  .travel-work-filter li a {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .corporate-standards .nav-tabs li {
    display: inline-block;
    float: none !important;
  }

  .corporate-standards .nav-tabs li a {
    padding: 0 15% !important;
  }

  .fashion-slider .slider-typography {
    height: 55%;
  }

  .fashion-slider .slider-text-middle-main {
    width: 100%;
  }

  .spa-treatments .nav-tabs li a {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .about-number {
    float: left;
  }

  .about-tab-right {
    padding: 70px 15px;
  }

  .wedding-counter .counter-box {
    padding: 0 0 !important;
    width: 100% !important;
    margin-bottom: 10%;
  }

  .grid-gallery ul {
    margin-left: 0;
  }

  .text-large {
    font-size: 14px !important;
  }

  .title-large {
    font-size: 26px !important;
  }

  h1, .h1 {
    font-size: 30px;
    line-height: 42px;
  }

  .title-extra-large {
    font-size: 26px !important;
    line-height: 33px !important;
  }

  .agency-header span {
    margin: 3% 0 16%;
  }

  .img-border-full {
    height: calc(100% - 0px);
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
  }

  .special-offers-sub {
    top: 21%;
  }

  .restaurant-menu-text {
    padding-left: 0;
    padding-right: 0;
  }

  .photography-slider h1 {
    font-size: 50px;
    letter-spacing: 20px;
  }

  .tab-style4 .tabs-left .nav-tabs li a {
    width: auto;
  }

  .tab-style5 .tabs-left .nav-tabs li a {
    width: auto;
  }

  .tab-style2 .nav-tabs li {
    border: 0;
    margin: 0;
  }

  .tab-style3 .nav-tabs li.active a {
    top: 0;
  }

  .tab-style4 .tabs-left .nav-tabs li.active a {
    left: 0;
  }

  .tab-style5 .tabs-left .nav-tabs li.active a {
    left: 0;
  }

  .nav-tabs > li > a {
    margin-top: 12px;
  }

  .prod-details-social {
    margin-top: 15px;
  }

  .spa-treatments .right-content {
    padding: 30px;
  }

  #tour-package .col-md-4 {
    width: 100% !important;
  }

  #tour-package .col-md-6 {
    width: 200px !important;
  }

  .slider-title-big6 {
    font-size: 60px;
  }

  .login-box {
    padding: 20px;
  }

  .alert-style6 .alert {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }

  .alert-style6 .alert i {
    width: 60px;
  }

  .alert-style6 .alert span {
    width: 80%;
  }

  .alert:last-child {
    margin-bottom: 0;
  }

  blockquote {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 100;
    line-height: 26px;
  }

  .rating-text {
    display: block;
    margin: 0 0 0;
    top: 0;
    width: 100%;
  }

  .rating {
    display: block;
    float: left;
    width: 100%;
  }

  .rating i {
    margin-left: 0;
    margin-right: 7px;
  }

  .wedding-header-sub {
    padding: 25px;
  }

  .event-box {
    padding: 25px;
  }

  .static-sticky {
    height: 55px !important;
  }

  .static-sticky .container {
    height: 55px !important;
  }

  .static-sticky .text-right {
    top: 56px !important;
  }

  .notify-me-main {
    position: inherit;
    margin-top: 27px;
  }
}

@media (max-width: 700px) {
  .coming-soon-footer .footer-social a {
    margin: 0 0.06% !important;
  }

  .doo-newsletter .btn.btn-small {
    width: inherit;
  }
}

@media (max-width: 640px) {
			.slider-text-middle-main {
  display: table;
  height: 100%;
  width: 100%;
  margin-top:-170px;}
  .section-title {
    padding: 0 0 50px 0;
  }

  #blog-slider {
    padding-bottom: 30px;
  }

  #blog-slider .owl-pagination {
    bottom: -10px;
  }

  #features .section-title {
    padding: 0 0 50px 0;
  }

  .services-main {
    padding: 50px 15px;
  }

  .counter-section {
    margin-bottom: 50px;
  }

  .counter-section:nth-child(3) {
    margin-bottom: 50px;
  }

  .testimonial .carousel-indicators {
    bottom: -40px;
  }

  .testimonial p {
    margin: 11px 0 39px;
  }

  .key-person i {
    margin: 10px 8% 20px;
  }

  .key-person-details {
    padding: 20px 10px 10px;
  }

  .case-study-slider {
    padding: 50px 0 70px;
  }

  #blog .section-title {
    padding-bottom: 50px;
  }

  .blog-listing {
    margin-bottom: 40px;
    width: 100%;
  }

  .approach .col-sm-6, .approach .col-sm-6:nth-child(3) {
    margin: 0 0 50px;
  }

  .owl-title {
    font-size: 25px;
    line-height: 40px;
  }

  .owl-subtitle {
    font-size: 14px;
    line-height: 20px;
  }

  #animated-tab .nav-tabs {
    margin: 0 0 30px;
    width: 100%;
  }

  .half-project-img {
    min-height: 420px;
  }

  .project-title {
    line-height: 34px;
  }

  .half-project-small-img {
    min-height: 242px;
  }

  .half-project-img-slider {
    min-height: 420px;
  }

  .table-scroll {
    overflow: hidden;
    overflow-x: scroll;
  }
}

@media (max-width: 589px) {
  .coming-soon-logo {
    margin: 25px 0 20px;
  }

  .coming-soon-title {
    font-size: 14px;
    margin-bottom: 20px;
  }

  #counter-underconstruction .counter-box {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 0 10px 0;
    padding: 0 0 9px;
    width: 80px;
  }

  #counter-underconstruction .counter-box:nth-child(2) {
    border-right: 0;
  }

  #counter-underconstruction .counter-box:nth-child(3) {
    border-bottom: 0;
    border-left: 0;
    clear: both;
  }

  #counter-underconstruction .last {
    border-bottom: 0;
    padding: 0 0 09px;
    width: 80px;
  }

  .notify-me-main {
    padding: 20px 0;
  }

  .notify-me-text {
    display: none;
  }

  .notify-me-main .footer-social {
    margin: 28px 0 0;
  }

  .notify-me-main input {
    width: 100%;
    margin-bottom: 3px;
  }

  .notify-me-main .btn-small {
    width: 100%;
  }

  .notify-me-main .footer-social i {
    margin: 0 14px;
  }

  .special-offers-sub {
    top: 24%;
  }

  .xs-letter-spacing-2 {
    letter-spacing: 2px !important;
  }

  .xs-min-height-inherit {
    min-height: inherit !important;
  }
}

@media (max-width: 580px) {
	
  .key-person .person-post {
    display: block;
    min-height: 46px;
  }

  .footer-social i {
    margin: 0;
  }

  .list-inline li {
    padding: 0 15px;
  }

  .glyphs .box1 {
    width: 50%;
    font-size: 12px;
  }

  .glyphs .box1 span {
    font-size: 30px;
    width: 40px;
  }
}

@media (max-width: 480px) {
  .section-title {
    font-size: 16px;
    line-height: 21px;
  }

  .btn-black.btn-small.margin-two {
    margin-top: 5%;
  }

  .scrollToTop {
    display: none !important;
  }

  .highlight-button-black-background {
    padding: 20px 29px;
  }

  .slider-text .col-md-3 {
    margin: 0 auto;
    width: 78%;
  }

  .carousel-control {
    display: none;
  }

  .slider-text .separator-line {
    margin: 9% auto;
  }

  .slider-text h1 {
    font-size: 22px;
    line-height: 28px;
  }

  #owl-demo-products .owl-buttons {
    display: block;
  }

  .features-section .col-xs-9 {
    width: 74%;
  }

  .features-2 {
    width: 100%;
  }

  .work-process .col-xs-4 {
    width: 100%;
  }

  .work-process-title {
    margin: 4% auto 10%;
  }

  .col-xs-4:last-child .work-process-title {
    margin-bottom: 0;
  }

  .services-sub-section {
    width: 100%;
  }

  #key-person .col-xs-4 {
    width: 100%;
  }

  .key-person-details {
    bottom: 115px;
  }

  .key-person:hover .key-person-details {
    bottom: 200px;
  }

  .key-person {
    max-height: 430px;
    max-width: 274px;
    margin: 0 auto;
  }

  .key-person .person-post {
    display: block;
    min-height: 0;
  }

  .case-study-slider .col-sm-5 {
    margin: 0;
    width: 95%;
  }

  .case-study-work {
    margin-bottom: 5px;
  }

  .case-study-detials {
    margin-bottom: 10px;
  }

  .approach .carousel-control {
    display: block;
  }

  .new-project h5 {
    line-height: 20px;
  }

  .footer-social {
  }

  .rotation-highlight {
    font-size: 28px;
    padding: 15px;
    margin-bottom: 20px;
  }

  .half-project-img {
    min-height: 260px;
  }

  .half-project-small-img {
    min-height: 174px;
  }

  .project-header-text {
    margin-top: 28%;
  }

  .project-title {
    font-size: 20px;
    line-height: 28px;
  }

  .project-subtitle {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3.5%;
    display: block;
  }

  .text-large {
    font-size: 13px;
    line-height: 22px;
  }

  .text-med {
    font-size: 13px;
    line-height: 22px;
  }

  .half-project-img-slider {
    min-height: 260px;
  }

  #animated-tab .nav-tabs > li {
    border-right: 0;
  }

  #animated-tab .nav-tabs > li > a {
    font-size: 30px;
  }

  .service-year {
    font-size: 16px;
    line-height: 22px;
  }

  .animation3 span b {
    font-size: 20px;
    line-height: 28px;
  }

  .grid li {
    width: 100% !important;
  }

  .related-projects-list .masonry-items li {
    padding: 5px 0;
  }

  .owl-half-slider .owl-title {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }

  .owl-pagination {
    bottom: 10px;
  }

  .owl-subtitle {
    letter-spacing: 4px;
  }

  .owl-title-big {
    font-size: 16px;
    line-height: 25px;
    padding: 15px;
  }

  .owl-half-slider .container {
    min-height: 480px;
  }

  .slider-typography-doo .owl-title {
    font-size: 24px;
    letter-spacing: 4px;
    line-height: 26px;
    width: 80%;
  }

  .slider-title-big4 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .slider-title-big3 {
    font-size: 14px;
    line-height: 22px;
    padding: 15px;
    margin-top: 10px;
    letter-spacing: 4px;
  }

  .slider-subtitle3 {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 4px;
  }

  .slider-subtitle2 {
    font-size: 22px;
    line-height: 30px;
  }

  .slider-subtitle5 {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .slider-subtitle4 {
    margin-bottom: 5px;
  }

  .slider-number {
    margin-bottom: 30px;
  }

  .slider-title-big5 {
    margin-bottom: 15px;
    width: 85%;
  }

  .parallax-sub-title {
    font-size: 19px;
  }

  .parallax-title {
    margin-bottom: 15px;
  }

  .parallax-number {
    margin-bottom: 30px;
    margin-top: 80px;
  }

  .blog-slider-grid figcaption h3 {
    font-size: 13px;
  }

  .scroll-down {
    bottom: 110px;
  }

  .page-title-large span {
    display: none;
  }

  .page-title-large h1 {
    margin-top: 30px;
    line-height: 27px;
  }

  .panel-title {
    font-size: 11px;
    padding: 7px 15px;
  }

  .panel-body {
    padding: 5px 15px 20px;
  }

  .accordion-style3 .panel-heading {
    padding-bottom: 20px;
  }

  .accordion-style3 .panel-title {
    font-size: 12px;
    line-height: 60px;
    padding: 0 20px;
  }

  .toggles-style3 .panel-title span {
    right: 10px;
    top: 8px;
  }

  .accordion-style3 .number {
    font-size: 16px;
  }

  .accordion-style3 .panel-body {
    padding: 0 20px 21px;
  }

  .toggles-style3 .panel-title {
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
  }

  .toggles-style3 .panel-body {
    padding: 0 20px 21px;
  }

  .progress-bar-style2 .progress-name {
    width: 50%;
    line-height: 16px;
    margin-top: 8px;
  }

  .button-desc {
    font-size: 24px !important;
    line-height: 28px;
  }

  .button-desc span {
    font-size: 16px;
    line-height: 20px;
  }

  .col-md-3.col-sm-3.col-xs-4.text-center {
    width: 100%;
  }

  .features-box-style1 {
    width: 100%;
  }

  .features-box-style2 {
    width: 100%;
  }

  .features-box-style2 .separator-line {
    margin: 7% 0 5% !important;
  }

  .icon-box i {
    margin: 15px;
  }

  .subheader h1 {
    font-size: 26px;
    line-height: 35px;
  }

  .xs-letter-spacing-none {
    letter-spacing: 0 !important;
  }

  .line-height-18 {
    line-height: 18px !important;
  }

  .corporate-slider h1 {
    font-size: 34px;
    line-height: 44px;
  }

  .video-title {
    font-size: 24px;
    line-height: 26px;
  }

  .glyphs .box1 {
    text-align: center;
    padding: 15px 7px;
    font-size: 11px;
  }

  .glyphs .box1 span {
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .blog-comment .comment-text {
    clear: both;
    width: 100%;
  }

  .blog-comment > .blog-comment {
    clear: both;
    margin-left: 20px;
  }

  .blog-comment {
    margin: 10px 0;
  }

  .contact-map iframe {
    height: 300px;
  }

  .footer-link2, .footer-link3, .footer-link4 {
    width: 100%;
    margin-bottom: 5%;
  }

  footer h5 {
    margin-bottom: 10px;
  }

  .footer-middle {
    text-align: center;
  }

  .fashion-subtitle {
    font-size: 30px;
    line-height: 40px;
    padding: 48px 15px;
    width: 100%;
  }

  .agency-header h1 {
    font-size: 47px;
    line-height: 57px;
  }

  .agency-team .team-details {
    padding-top: 20%;
  }

  .restaurant-header h1 {
    letter-spacing: 4px;
  }

  .about-restaurant-text {
    padding: 7% 15px;
  }

  .about-restaurant-img {
    min-height: 440px;
  }

  .restaurant-menu-img {
    min-height: 440px;
  }

  .chef-img {
    min-height: 440px;
  }

  .chef-text {
    padding: 10% 15px;
  }

  .img-border {
    height: calc(100% - 40px);
    left: 15px;
    top: 20px;
    width: calc(100% - 31px);
  }

  .popular-dishes-border {
    height: calc(100% - 28px);
    left: 15px;
    top: 15px;
    width: calc(100% - 28px);
  }

  .food-services-inner {
    padding: 20px 17px;
  }

  #animated-tab.architecture-company .nav-tabs > li > a {
    padding: 0 26px;
  }

  #animated-tab.architecture-company .nav-tabs .counter-title {
    display: none;
  }

  .slider-headline h1 {
    font-size: 34px;
    letter-spacing: 8px;
    line-height: 30px;
  }

  .spa-sider .owl-title {
    line-height: 24px;
  }

  .text-big-title {
    font-size: 49px;
    line-height: 45px;
  }

  .text-big {
    font-size: 123px;
    left: -8px;
    top: -59px;
  }

  .slider-title-big2 {
    font-size: 32px;
  }

  .agency-enjoy-right {
    padding: 50px 15px;
  }

  .agency-enjoy-right .title-top span {
    margin: 33px 0 0;
  }

  .travel-agency-slider h1 {
    font-size: 38px;
    line-height: 43px;
  }

  .onepage-corporate-slider h1 {
    font-size: 56px;
    line-height: 66px;
  }

  .landing-title {
    font-size: 30px;
    line-height: 32px;
  }

  .about-couple-sub i {
    margin: 20px 17px 0;
  }

  .photography-slider h1 {
    font-size: 40px;
    letter-spacing: 8px;
  }

  .slider-title-big6 {
    font-size: 40px;
  }
}

@media (max-width: 420px) {

		
  .title-med {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .subheader {
    padding: 10px 15px;
  }

  .spa-slider h1 {
    font-size: 35px;
    line-height: 75px;
  }
}

@media (max-width: 466px) {
  .key-person {
    max-height: 430px;
  }

  .blog-date {
    letter-spacing: 1px;
  }

  .animation2 span b {
    font-size: 20px;
    line-height: 30px;
  }

  .work-process-title {
    letter-spacing: 0px;
  }

  .list-inline li {
    padding: 0 6px;
  }

  footer ul li a {
    font-size: 10px;
  }

  .footer-social a {
    margin: 0 15px;
  }

  .copyright {
    font-size: 9px;
  }

  .faq-search input {
    padding-right: 67px;
  }

  .faq-search-button {
    right: 30px;
  }
}

@media (max-width: 366px) {
				.slider-text-middle-main {
  display: table;
  height: 100%;
  width: 100%;
  margin-top:-70px;}
  .btn-small-white {
    margin-right: 7px;
  }

  .owl-title {
    font-size: 22px;
    line-height: 30px;
  }

  .slider-text-middle4 {
    padding: 0 15px;
  }

  .video-half-screen {
    min-height: 31%;
  }
}

@media (max-width: 359px) {


  .blog-slider-con figcaption h3 {
    letter-spacing: 4px;
    font-size: 13px;
  }

  .blog-slider-con figcaption span {
    letter-spacing: 0px;
  }

  .blog-slider-con figcaption {
    padding: 15px 30px 15px;
    bottom: -55px;
  }

  .footer-social i {
    font-size: 20px;
  }

  .footer-social a {
    margin: 0 10px;
  }

  footer ul li a {
    font-size: 9px;
  }

  .list-inline li {
    padding: 0 3px;
  }

  .copyright {
    font-size: 8px;
  }

  .special-offers-sub {
    top: 26%;
  }

  .alert-style6 .alert span {
    width: 77%;
  }

  .video-half-screen {
    min-height: 37%;
  }

  .cd-headline span b {
    font-size: 18px;
    letter-spacing: 0;
  }
}

@media (max-width: 330px) {
  .blog-slider-con figcaption {
    padding: 15px 5px 15px;
  }

  .blog-slider-con figcaption h3 {
    letter-spacing: 1px;
    font-size: 12px;
  }

  .blog-like, .blog-share, .comment {
    letter-spacing: 1px;
    margin-right: 18px;
  }

  .blog-date {
    letter-spacing: 0px;
  }
}

@media screen and (max-width: 320px) , screen and (max-height: 480px) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 235px !important;
  }
}

@media (max-width: 320px) {
  .highlight-button-black-border {
    font-size: 18px;
    padding: 10px 20px;
  }

  .owl-title {
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
  }

  h1 {
    font-size: 26px;
    line-height: 32px;
  }

  .slider-text-bottom {
    vertical-align: middle;
  }

  .key-person {
    max-height: 510px;
  }

  .key-person-details {
    bottom: 25px;
  }

  .key-person:hover .key-person-details {
    bottom: 130px;
  }

  #animated-tab .nav-tabs > li > a {
    font-size: 24px;
  }

  .half-project-img {
    min-height: 220px;
  }

  .half-project-small-img {
    min-height: 179px;
  }

  .half-project-img-slider {
    min-height: 220px;
  }

  .onsale {
    bottom: 18%;
  }

  .new {
    bottom: 18%;
  }

  .slider-typography-doo .owl-subtitle {
    display: block;
    line-height: 18px;
    margin-bottom: 30px;
    width: 85%;
  }

  .owl-title br {
    display: none;
  }

  .wedding-header {
    margin-top: 40px;
  }
}

@media (min-width: 640px) {
  .blog-3col .col-md-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-3col .col-md-4:nth-child(2n + 3) {
    clear: left;
  }

  .blog-4col .col-md-3:nth-child(4n + 5) {
    clear: none;
  }

  .blog-4col .col-md-3:nth-child(4n+3) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n+3) {
    clear: left;
  }

  .blog-grid-listing > .col-md-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-md-4:nth-child(2n + 3) {
    clear: left;
  }

  .blog-grid-listing > .col-sm-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(2n + 3) {
    clear: none;
  }
}

@media (min-width: 768px) {
  .blog-3col .col-md-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-3col .col-md-4:nth-child(2n + 3) {
    clear: left;
  }

  .blog-4col .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-4col .col-md-3:nth-child(4n+3) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n+3) {
    clear: left;
  }

  .blog-grid-listing > .col-md-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-md-4:nth-child(2n + 3) {
    clear: left;
  }

  .blog-grid-listing > .col-sm-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(2n + 3) {
    clear: none;
  }
}

@media (min-width: 992px) {
  .blog-3col .col-md-4:nth-child(3n + 4) {
    clear: left;
  }

  .blog-3col .col-md-4:nth-child(2n + 3) {
    clear: none;
  }

  .blog-4col .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-4col .col-md-3:nth-child(4n+3) {
    clear: none;
  }

  .blog-full-width-section .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n+3) {
    clear: none;
  }

  .blog-grid-listing > .col-md-4:nth-child(3n + 4) {
    clear: left;
  }

  .blog-grid-listing > .col-md-4:nth-child(2n + 3) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(2n + 3) {
    clear: none;
  }
}

@media (min-width: 1200px) {
  .blog-3col .col-md-4:nth-child(3n + 4) {
    clear: left;
  }

  .blog-3col .col-md-4:nth-child(2n + 3) {
    clear: none;
  }

  .blog-4col .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-4col .col-md-3:nth-child(4n+3) {
    clear: none;
  }

  .blog-full-width-section .col-md-3:nth-child(4n + 5) {
    clear: left;
  }

  .blog-full-width-section .col-md-3:nth-child(4n+3) {
    clear: none;
  }

  .blog-grid-listing > .col-md-4:nth-child(3n + 4) {
    clear: left;
  }

  .blog-grid-listing > .col-md-4:nth-child(2n + 3) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(3n + 4) {
    clear: none;
  }

  .blog-grid-listing > .col-sm-4:nth-child(2n + 3) {
    clear: none;
  }
}
.page-two .info-space {
  margin-bottom: 60px;
}

.page-three .featured-products {
  padding-top: 0;
}

.page-three .section-prom {
  padding-top: 60px;
  padding-bottom: 20px;
}

.gray-pattern img {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  padding: 60px 30px 140px 30px;
}

.gray-pattern .outer-content {
  border-top: 1px solid #dfdfdf;
}

.page-four .slide-one h1,.page-four .slide-one h2 {
  color: black;
  letter-spacing: -1px;
}

.page-four .slide-one h2 {
  font-size: 40px;
  text-transform: initial;
  font-weight: 300;
  color: #545454;
}

.page-four .slide-one .doo-btn {
  color: black;
}

.page-four .slide-one .doo-btn:hover {
  color: white;
}

.page-four .slide-one .text-wrap {
  text-align: left;
}

.page-four .branding-two {
  padding-top: 0;
  padding-bottom: 0;
}

.page-four .branding-three {
  padding-top: 10px;
}

.page-four .featured-products-slider .doo-style-one .fa-angle-left {
  left: 0;
}

.page-four .featured-products-slider .doo-style-one .fa-angle-right {
  right: 0;
}

.page-four .featured-products-slider .doo-style-one {
  margin-top: 0;
}

.page-four .featured-products-slider .doo-style-one .h-product.col-xs-12 {
  padding-left: 0;
  padding-right: 0;
}

.page-four .featured-products-slider .doo-style-one .h-product.col-xs-12 .product-inner {
  border: none;
}

.page-seven .branding-three {
  padding-top: 0;
}

.page-seven .branding-three img {
  border-right: 1px solid transparent;
}

.page-seven .branding-three .text-content {
  border-bottom: 1px solid transparent;
}

.page-seven .info-space-two {
  background-color: black;
  margin-bottom: 70px;
  height: 260px;
}

.page-seven .info-space-two .text {
  height: 260px;
}

.page-seven .info-space-two .text,.page-seven .info-space-two .doo-btn {
  color: white;
}

.page-seven .info-space-two .first img {
  -webkit-transform: initial;
  transform: initial;
  position: initial;
}

.page-seven .info-space-two .second img {
  position: initial;
}

.page-eight .right {
  text-align: right;
}

.page-eight .branding-four .p-name {
  font-weight: 200;
  text-transform: lowercase;
}

.page-eight .branding-four .text-content {
  padding-top: 0;
}

.page-eight .branding-three {
  padding-bottom: 0;
  padding-top: 0;
}

.page-eight .branding-three .text-content {
  border-bottom: 1px solid transparent;
}

.page-eight .doo-clients {
  padding-top: 25px;
}

.page-eight .doo-clients,.page-eight .quick-access {
  background-color: white;
}

.page-eight .newsletter-subscription {
  border-top: 1px solid #d4d4d4;
}

.page-ten .category-products .category-meta.bottom {
  margin-top: 0;
}

.page-ten .doo-style-two {
  padding-bottom: 0;
}

.page-eleven .related-products {
  padding-bottom: 0;
}

.page-eleven .doo-style-two {
  padding-bottom: 0;
}

.page-login .newsletter-subscription {
  margin-top: 0;
}
@media (max-width: 767px) {
  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .doo-style-one .h-product,.doo-style-two .h-product {
    margin-bottom: 14px;
  }

  .category-products .h-product .p-name {
    margin-top: 30px;
  }

  .blog-comment .comment-form .col-xs-12.col-sm-6,.section-contact .comment-form .col-xs-12.col-sm-6,.blog-comment .comment-form .col-xs-12,.section-contact .comment-form .col-xs-12,.blog-comment .comment-form .col-sm-12,.section-contact .comment-form .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .top-intro-header .logo {
    text-align: center;
    margin-bottom: 10px;
  }

  .top-intro-header .intro-menu ul {
    float: initial;
  }

  .top-intro-header .intro-menu ul li {
    margin-top: 15px;
    border: none;
  }

  .standard-menu {
    display: none;
    position: relative;
  }

  .top-main-menu {
    background-color: transparent;
    margin-top: 0px;
  }

  .top-main-menu .search-box {
    padding: 15px 45px 12px 16px;
    background-color: white;
  }

  .top-main-menu .search-box input {
    height: 33px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .top-main-menu .search-box .fa-times {
    right: 18px;
    margin-top: -8px;
    color: #1d1d1d;
  }

  .top-main-menu .search-field .fa {
    color: #1d1d1d;
    position: relative;
    top: -34px;
    right: 15px;
  }

  .doo-top-slider .doo-btn {
    margin-top: 0;
  }

  .doo-top-slider h1 {
    font-size: 25px;
  }

  .info-space .p-name {
    font-size: 25px;
  }

  .info-space .p-description {
    font-size: 18px;
  }

  .quick-access .column-wrapper {
    border-right: none;
    border-bottom: 1px solid #4d4d4d;
    text-align: center;
  }

  .newsletter-subscription [class^="col-sm"] {
    margin-bottom: 30px;
  }

  .newsletter-subscription .cards {
    float: initial;
  }

  .newsletter-subscription .cards li:first-child {
    margin-left: 0;
  }

  .info-footer .copyright {
    text-align: left;
    margin-top: 10px;
  }

  .doo-slider-one .p-name {
    font-size: 22px;
  }

  .doo-slider-one .text {
    font-size: 18px;
  }

  .doo-slider-one .text-content {
    padding: 30px;
  }

  .branding-three.lowercase .collection-inner .doo-btn {
    margin-top: 10px;
  }

  .branding-three.lowercase .text-content.left {
    text-align: center;
    padding-left: 0;
  }

  .branding-three.lowercase .text-content.right {
    text-align: center;
    padding-right: 0;
  }

  .mobile-menu .submenu {
    display: none;
    border-top-width: 0;
    position: static;
  }

  .mobile-menu .submenu h4 {
    text-transform: uppercase;
  }

  .submenu .grid-menu.col-sm-3 {
    border-left: none;
  }

  .submenu .grid-menu.col-sm-3 a {
    border: none;
  }

  .submenu .grid-menu h4 {
    margin-top: 30px;
  }

  .submenu .grid-menu.col-sm-3 .content {
    margin-top: 18px;
  }

  .grid-menu.col-sm-3 {
    padding-top: 0;
  }

  .mobile-menu a {
    padding-left: 0;
    padding-right: 0;
  }

  .section-prom .prom-filter ul li {
    border-right: none;
    font-size: 17px;
    padding-right: 0;
    margin-left: 0;
  }

  .section-prom .timer .countdown-row .countdown-section .countdown-amount {
    font-size: 20px;
  }

  .bottom-footer {
    padding-bottom: 30px;
  }

  .bottom-footer [class^="col-sm"] {
    margin-bottom: 30px;
  }

  .featured-products-carousel .section-desc {
    margin-top: 36px;
  }

  .info-space-two {
    height: 300px;
  }

  .info-space-two .image {
    height: 300px;
  }

  .info-space-two .text {
    height: 300px;
  }

  .info-space-two .p-name {
    font-size: 24px;
  }

  .info-space-two .p-description {
    font-size: 27px;
  }

  .info-space-two .image.first img {
    left: 33px;
    bottom: 0;
  }

  .info-space-two .image.second img {
    top: initial;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .top-main-menu .fa.fa-bars {
    display: none;
  }

  .top-main-menu .search-box {
    height: 74px;
  }

  .mobile-menu {
    display: none;
  }

  .section-desc {
    width: 65%;
  }

  .submenu .list-menu,.submenu .grid-menu {
    padding-bottom: 1000px;
    margin-bottom: -1000px;
  }

  .btn-group .quick-view {
    margin-right: 3px;
  }

  .btn-group .addto-cart {
    margin-left: 3px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .doo-top-slider h1 {
    font-size: 60px;
  }

  .info-space .p-name {
    font-size: 40px;
  }

  .info-space .p-description {
    font-size: 20px;
  }

  .doo-slider-one .p-name {
    font-size: 35px;
  }

  .doo-slider-one .text {
    font-size: 27px;
  }

  .doo-slider-one .text-content {
    padding: 40px;
  }

  .branding-three.lowercase .text-content.left {
    padding-left: 80px;
  }

  .branding-three.lowercase .text-content.right {
    padding-right: 80px;
  }
}

@media (min-width: 992px) {
  .section-single-product .text-content > .col-sm-12:nth-child(odd) {
    padding-right: 10px;
  }

  .section-single-product .text-content > .col-sm-12:nth-child(even) {
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  .section-single-product .compare-icon {
    margin-top: 20px;
  }

  .featured-reviews .image-content:before {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .doo-slider-one .p-name {
    font-size: 45px;
  }

  .doo-slider-one .text {
    font-size: 35px;
  }

  .doo-slider-one .text-content {
    padding: 50px 50px 80px 60px;
  }

  .branding-three.lowercase .text-content.left {
    padding-left: 120px;
  }

  .branding-three.lowercase .text-content.right {
    padding-right: 120px;
  }

  .info-space-two .p-name {
    font-size: 50px;
  }
}

@media (min-width: 767px) and (max-width: 992px) {
  .info-space-two .p-name {
    font-size: 47px;
  }
}

@media (min-width: 1200px) {
  .single-featured-product.orange {
    margin-top: 60px;
  }

  .single-featured-product.orange .image-content {
    margin-top: -40px;
  }
}

@media (max-width: 1199px) {
  .featured-reviews .text-content .p-name {
    margin-top: 10px;
  }
}

@media (max-width: 1300px) {
  .doo-clients .fa-angle-right {
    right: 15px;
  }

  .doo-clients .fa-angle-left {
    left: 15px;
  }

  .doo-clients .container {
    overflow: hidden;
  }
}