/****************************************************
        media css
*****************************************************/


@media (max-width: 1383px) {
    /*  navigation  */
    .sub-menu ul { right: -25px; z-index: 99; }
    .search-form {width:80%}
}

@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) {
    /*  typography  */
    .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; }

    /*  grid figcaption   */
    .md-bottom-10 { bottom: 10px !important;}
    
    /* heading */
    .subheader { padding: 0 15px; }

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

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


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




    /****************************************************
       one page
    ****************************************************/
    /*======*  architecture  *======*/

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

}


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

    /*  carousel slide  */
    .slider-text .col-md-3 { margin-left: 10%; }


    /****************************************************
       features
    ****************************************************/
    .features-box-style1 br,
    .features-box-style2 br { display: none; }
    
    /* fashion */
    .model-details-text { padding: 25px; }
    .architecture-team {padding:0 45px 30px 45px;}
}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
    .navbar-nav > li > a { border-color: transparent !important; }
    .navbar-nav > li > a.active { border-color: black !important;  }
}
@media (max-width: 1024px) {
    /*  navigation position  */
    .navbar-right .dropdown-menu { right: -147px; }

    /*  text rotator  */
    .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 */
    .agency-header span { margin-top: 15%; }
}
@media (max-width: 991px) {
    /*  navigation panel  */
    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;}

    /*  navigation  */
    nav.navbar .container { position: relative; }
    .navbar .accordion-menu { background-color: rgba(59, 37, 116, 0.95); clear: both; min-height: 0 !important; position: absolute; top: 76px; width: 100%; padding: 0; }
    .nav-dark .dropdown-menu { background-color: transparent; }
    .nav-dark-transparent .dropdown-menu { background-color: transparent; }

    /*  sticky navigation */
    .shrink-nav .accordion-menu { top: 56px; }
    .static-sticky .accordion-menu { top: 90px; }
    .sticky-nav .nav > li { float: left; width: 100% !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; }
    .sticky-nav .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
    .sticky-nav ul li a:hover { color: #fff !important; background-color: rgba(0, 0, 0, 0.3); }
    .sticky-nav ul li a:hover i { color: #fff; border-color: #e6af2a; }
    .sticky-nav .navbar-nav > li > a { font-weight: 700; }
    .sticky-nav .navbar-nav > li > a i { display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 14px; color: #fff; width: 20px; height: 20px; vertical-align: middle; padding: 0 0 0 4.2px; line-height: 20px; } 
    .sticky-nav .navbar-nav > li > .dropdown-menu, 
    .shrink-nav .dropdown.simple-dropdown .dropdown-menu { border-top: 1px solid rgba(255, 255, 255, 0.06); left: 0; top: inherit !important; width: 100% !important; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); }
    .shrink-nav .nav > li { margin: 16px 15px; }
    .nav-white.shrink-nav .navbar-nav li a { color: #fff; }

    .navbar .text-right { background-color: rgba(59, 37, 116, 0.95); clear: both; min-height: 0; padding: 0;  position: absolute; top: 80px; width: 100%; }
    .navbar.shrink-nav .text-right { top: 56px; }
    .static-sticky .text-right { top: 90px !important;}

    .dropdown-menu:last-child ul li:last-child { border-bottom: 0; }
    .dropdown-menu li a { color: inherit; height: 34px !important; line-height: 34px !important; padding: 0 !important; text-align: left; }
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus, 
    .navbar-nav > li > a { border-bottom: 0 !important;}
    .navbar-default .navbar-nav > li > a { color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 0 0 15px; text-align: left; }

    .dropdown-header { margin: 0;}
    .navbar-collapse.in { overflow-x: hidden; }
    .navbar-default .col-sm-3 { float: left; }

    .mega-menu-column:first-child { padding-left: 0; }
    .mega-menu-column:last-child { padding-left: 0; }

    .navbar-toggle {border-radius: 0px;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-toggle { background-color: #3b2574;}


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

  

    /*  features    */
    .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; }


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

    /*  grid   */
    .grid li { width: 50% !important;}
    .related-projects li { width: 33.33% !important;}
    .related-projects.wide-title .grid figcaption { padding: 30px 0; }

    /*  grid figcaption   */
    .grid figcaption { bottom: 10px;}

    /*  project img    */
    .half-project-img { min-height: 520px; }
    .project-content .col-sm-12.text-med { margin-top: 5%; }
    .half-project-small-img { min-height: 213px; }

    /*  animated    */
    #animated-tab .nav-tabs > li > a { padding: 0 22px; }
    .cd-words-wrapper { width: auto !important; }

    /*  slider typography    */
    .slider-subtitle1 { font-size: 40px; line-height: 58px; width: 234px; }
    .slider-typography-shop .owl-title { font-size: 50px; line-height: 52px; }
    .slider-title-big6{ font-size:90px;}

    /*  *onepage fashion* parallax section    */
    .parallax-section-main { min-height: 370px; }


    /* parallax */
    .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  */
    footer h6 { line-height: 16px; }
    footer ul.list-inline li:first-child { padding-left: 18px;}
    .footer-social a:last-child { margin-right: 25px;}

    
}


@media (max-width: 768px) {
    /*  custom  */
    .separator-line { margin: 20px auto 15px; }
    .lg-display-none { display: block; }

    /*  slider text   */
    #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; }

    /*  single - onepage portfolio single #2  */
    .slider-text-middle4 { padding: 0 15px 35px;}

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    .architecture-company .nav-tabs { width: auto !important; }
    .architecture-company .nav-tabs > li { width: auto !important; }

    
    /*  text rotator  */
    .cd-headline.slide span { padding-bottom: 2em}
}
@media (max-width: 767px) {
 

    /*  slider typography    */
    .slider-subtitle1 { font-size: 24px; line-height: 36px; width: 138px; padding: 15px; margin-bottom: 25px; }
    .slider-subtitle2 { font-size: 38px; line-height: 49px; }

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

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

    /*  header right */
    .search-cart-header .subtitle { display: none;}
    .search-cart-header { padding: 14px 15px 0 0px;}
    #top-search { margin: 1px 0 0 10px; }

    /*  ET-line icons */
    .glyphs .box1 { width: 50%;}


    /*  side bar */
    .widget input { width: 100%}
    .widget .close-search { right: 33px; }

    /* blog listing classic */
    .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 */
    .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 */
    .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 home masonry */
    .blog-short-description{ width: 100%}

    /* page titels */
    .page-title { padding: 40px 0}
    .page-title h1 { letter-spacing: 2px; line-height: 26px; margin-bottom: 0px; }
    .page-title-large { padding: 140px 0 0; }

    /* footer */
    .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; }

    /****************************************************
        shop
    ****************************************************/
    /*  home product     */
    .onsale { bottom: 12%; }
    .onsale-style-2 { bottom: 14%;}
    .new { bottom: 12%;}
    .shop-newsletter { padding: 0; min-height: 0; }

    /*  shorting     */
    .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; }
    .shop-cart-table { overflow-x: scroll; }
    .shop-cart { max-width: none; width: 710px !important; }
    .continue-shopping { display: none; }
    .checkout-btn { font-size: 16px; }

    /****************************************************
        home page
    ****************************************************/
    /*======*  fashion  *======*/
    .model-details-text { padding: 0; }
    
    /*======*  travel  *======*/
    .travel-work-filter li a { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
    
    /*======*  corporate  *======*/
    .corporate-standards .nav-tabs li { display: inline-block; float: none !important; }
    .corporate-standards .nav-tabs li a { padding: 0 15% !important; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  fashion  *======*/
    /*  slider typography     */
    .fashion-slider .slider-typography { height: 55%; }
    .fashion-slider .slider-text-middle-main { width: 100%; }

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

    /*======*  agency  *======*/
    .about-number { float: left; }

    /*======*  travel agency  *======*/
    .about-tab-right { padding: 70px 15px; }

    /*======*  wedding  *======*/
    .wedding-counter .counter-box { padding: 0 0 !important; width: 100% !important; margin-bottom: 10%; }
    
    /*  grid  */
    .grid-gallery ul { margin-left: 0; }
    
    /*  typography  */
    .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%; }
    
    /*  restaurant  */
    .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; }
    
    /*  home photography  */
    .photography-slider h1 { font-size: 50px; letter-spacing: 20px; }
    
    /* tabs */
    .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;}
    
    /* product details */
    .product-details-social { margin-top: 15px; }  
    
    /* spa */
    .spa-treatments .right-content { padding: 30px; }
    
    /* photography */
    #tour-package .col-md-4 { width: 100% !important;}
    #tour-package .col-md-6 { width: 200px !important;}
    
    /*  slider typography    */
    .slider-title-big6{ font-size:60px;}
    
    /* form */
    .login-box { padding: 20px;}
    
    /* alert */
    .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;}
    
    /* typography */
    blockquote { padding: 10px 20px; font-size: 18px; font-weight: 100; line-height: 26px;}
    
    /* product details */
    .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 */
    .wedding-header-sub { padding: 25px; }
    .event-box { padding: 25px; }
    
    /*  static sticky  */
    .static-sticky { height: 55px !important;}
    .static-sticky .container { height: 55px !important; }
    .static-sticky .text-right { top: 56px !important;}
    
    /*  coming soon  */
    .notify-me-main { position: inherit; margin-top: 27px;}
    
}
@media (max-width: 700px) {
    /*  countdown timer  */
    .coming-soon-footer .footer-social a { margin: 0 0.06% !important; }
    /****************************************************
       shop
   ****************************************************/
    .shop-newsletter .btn.btn-small { width: inherit; }
}
@media (max-width: 640px) {
    /*  custom  */
    .section-title {padding: 0 0 50px 0;}
    #blog-slider { padding-bottom: 30px; }
    #blog-slider .owl-pagination { bottom: -10px; }

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

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

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

    /*  testimonial   */
    .testimonial .carousel-indicators { bottom: -40px; }
    .testimonial p { margin: 11px 0 39px; }

    /*  key person   */
    .key-person i { margin: 10px 8% 20px; }
    .key-person-details { padding: 20px 10px 10px; }

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

    /*  blog  */
    #blog .section-title { padding-bottom: 50px; }
    .blog-listing { margin-bottom: 40px; width: 100%; }

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

    /*  slider text   */
    .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%;}

    /*  project img    */ 
    .half-project-img { min-height: 420px; }
    .project-title { line-height: 34px; }
    .half-project-small-img { min-height: 242px; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 420px;  }

    /*      grid figcaption    
        .grid figcaption { bottom: 43%; }*/
    
    .table-scroll { overflow: hidden; overflow-x: scroll;}
}
@media (max-width: 589px) {



    .slider-text h1 { font-size:30px;}



  
    
    
    /* typography */
    .xs-letter-spacing-2 { letter-spacing: 2px !important; }
    .xs-min-height-inherit { min-height: inherit !important; }
}
@media (max-width: 580px) {
    /*  footer  */
    .footer-social i { margin: 0;}
    .list-inline li { padding: 0 15px;}
}
@media (max-width: 480px) {
    /*  navigation  */
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 394px; }

    /*  custom  */
    .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; }
    .search-form .search-input {font-size:17px; font-weight:400; padding:5px 2px}
    .search-form .search-button { top:18px; font-size:14px;}

    /*  carousel slide  */
    .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    */
    .features-section .col-xs-9 { width: 74%; }
    .features-2 { width: 100%; }

    /*  work process    */
    .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   */
    .services-sub-section { width: 100%; }

 
    /*  case study slider  */
    .case-study-slider .col-sm-5 { margin: 0; width: 95%; }
    .case-study-work { margin-bottom: 5px; }
    .case-study-detials { margin-bottom: 10px; }

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

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

    /*  footer  */
    .footer-social { /* margin-top: 20px; */ }

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

    /*  project img    */ 
    .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; }

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 260px;  }

    /*  animated    */
    #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; }

    /*  related projects   */
    .grid li { width: 100% !important; }
    .related-projects-list .masonry-items li { padding: 5px 0; }

    /*  owl carousel    */
    .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-shop .owl-title { font-size: 24px; letter-spacing: 4px; line-height: 26px; width: 80%; } 

    /*  slider typography    */
    .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    */
    .parallax-sub-title { font-size: 19px; }
    .parallax-title { margin-bottom: 15px; }   
    .parallax-number { margin-bottom: 30px; margin-top: 80px; }

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

    /*  scroll down    */
    .scroll-down { bottom: 30px; }
    .page-title-large span { display: none}
    .page-title-large h1 { margin-top: 30px; line-height: 27px; }

    /****************************************************
        accordions
    ****************************************************/
    .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
    ****************************************************/
    .progress-bar-style2 .progress-name { width: 50%; line-height: 16px; margin-top: 8px; }

    /****************************************************
        buttons
    ****************************************************/
    .button-desc { font-size: 24px !important; line-height: 28px; }
    .button-desc span { font-size: 16px; line-height: 20px; }

    /****************************************************
        features box
    ****************************************************/
    .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; }

    /****************************************************
        Et-line icons
    ****************************************************/
    .icon-box i { margin: 15px; }

    /****************************************************
        typography
    ****************************************************/
    .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; }

    /****************************************************
        popup with video
    ****************************************************/
    .video-title { font-size: 24px; line-height: 26px; }

    /*  ET-line icons */
    .glyphs .box1 { text-align: center; padding: 15px 7px; font-size: 11px;}
    .glyphs .box1 span { display: block; text-align: center; margin: 0 auto}

    /* blog single full width with image slider */
    .blog-comment .comment-text { clear: both; width: 100%;}
    .blog-comment > .blog-comment { clear: both; margin-left: 20px; }
    .blog-comment { margin: 10px 0; }

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

    /*     footer  */
    .footer-link2, .footer-link3, .footer-link4 { width: 100%; margin-bottom: 5%;}
    footer h5 { margin-bottom: 10px;}
    .footer-middle { text-align: center; }

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

    /*======*  agency  *======*/
    .agency-header h1 { font-size: 47px; line-height: 57px; }
    .agency-team .team-details { padding-top: 20%; height: 100% }

    /*======*  restaurant  *======*/
    .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; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    #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  *======*/
    .spa-sider .owl-title { line-height: 24px; }

    /*======*  agency  *======*/
    .text-big-title { font-size: 49px; line-height: 45px; }
    .text-big { font-size: 123px; left: -8px; top: -59px; }
    .slider-title-big2 { font-size: 32px; }

    /*======*  travel agency  *======*/
    .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; }

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

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

    /*======*  wedding  *======*/
    .about-couple-sub i { margin: 20px 17px 0; }
    
    /*  home photography  */
    .photography-slider h1 { font-size: 40px; letter-spacing: 8px; }
    
    /*  slider typography    */
    .slider-title-big6{ font-size:40px;}
}
@media (max-width: 420px) {   
    /*  typography    */
    .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   */
    .key-person {max-height: 430px;}
    .blog-date { letter-spacing: 1px; }

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

    /*  elements features box */
    .work-process-title { letter-spacing: 0px;}

    /*     footer  */
    .list-inline li { padding: 0 6px;}
    footer ul li a { font-size: 10px;}
    .footer-social a { margin: 0 15px;}
    .copyright { font-size: 9px;}

    /****************************************************
        faq
    ****************************************************/
    .faq-search input { padding-right: 67px; }
    .faq-search-button { right: 30px; }
}
@media (max-width: 366px) {
    /*  buttons   */ 
    .btn-small-white { margin-right: 7px;}

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

    /*  single - onepage portfolio single #2  */
    .slider-text-middle4 { padding: 0 15px;}
    
    /*  half screen video  */
    .video-half-screen { min-height: 31%; }
}
@media (max-width: 359px) {
    /*  blog home slider  */
    .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  */
    .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;}
    
    /*  restaurant  */
    .special-offers-sub { top: 26%;}
    
    /* alert */
    .alert-style6 .alert span { width: 77%; }
    
    /*  half screen video  */
    .video-half-screen { min-height: 37%; }
    
    /*  primary style  */
    .cd-headline span b { font-size: 18px; letter-spacing: 0;}
    

}
@media (max-width: 330px) {
    /*  blog home slider  */
    .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; }
}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse { max-height: 275px !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   */
    .key-person { max-height: 510px; }
    .key-person-details { bottom: 25px; }
    .key-person:hover .key-person-details { bottom: 130px; }

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

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

    /*  onepage portfolio single #2    */
    .half-project-img-slider { min-height: 220px;  }

    /****************************************************
        shop
    ****************************************************/
    /*  home product     */
    .onsale { bottom: 18%; }
    .new { bottom: 18%;}
    .slider-typography-shop .owl-subtitle { display: block; line-height: 18px; margin-bottom: 30px; width: 85%; }

    /****************************************************
        one page
    ****************************************************/
    /*======*  architecture  *======*/
    .owl-title br { display: none; }

    /*======*  wedding  *======*/
    .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; }
}