@media only screen and (min-width:4501px) and (max-width: 6000px) {
    /*25*/
    
    }
    
    @media only screen and (min-width:3100px) and (max-width: 4500px) {
        /*33%*/
    
         .project_outer .project_inner { padding: 20px 0px 20px 0px;  width: auto;  float: none;}
    }
    
    @media only screen and (min-width:2701px) and (max-width: 3100px) {
    
        /*50%*/ 
    
        .project_outer .project_inner { padding: 20px 0px 20px 0px;  width: auto;  float: none;}
    }
    
    @media only screen and (min-width:2001px) and (max-width: 2700px) {
    /*67%*/ 
       ul#menu-header-menu { margin: 0;  padding: 0 0 0 300px;}
       .project_outer .project_inner { padding: 20px 0px 20px 0px;  width: auto;  float: none;}
    }
    
    @media only screen and (min-width: 1801px) and (max-width: 2000px) {
        /*75%*/
        ul#menu-header-menu { margin: 0;  padding: 0 0 0 240px;}
    
    .project_outer .project_inner{ padding: 20px 0px 20px 0px; width: auto; float: none; }
    }
    
    @media only screen and (min-width:1601px) and (max-width: 1800px) {
    
        /*80%*/
    
        ul#menu-header-menu { margin: 0;  padding: 0 0 0 180px;}
    
        .project_outer .project_inner { padding: 20px 0px 20px 0px; width: auto; float: none;}
    
    }
    
    
    @media only screen and (min-width:1517px) and (max-width: 1600px) {
    
        /*90%*/
        ul#menu-header-menu { margin: 0;  padding: 0 0 0 90px;}
    
        .project_outer .project_inner { padding: 20px 0px 20px 0px; width: auto; float: none;}
    
    }
    
    @media only screen and (min-width:1200px) and (max-width: 1365px) {
        
        .book_apt_button{margin: 50px 25px 0 0;}
        
         .header_logo{ padding: 20px 0px 20px 0px;}
        .menubar{       padding: 0px 0px 0 0px; }
        nav .nav-item a {padding: 48px 11px;}
    
        ul#menu-header-menu li a{     padding: 50px 12px; }
        ul#menu-header-menu{     padding: 0 0 0 0px; }
        .wp-custom-logo .title-area{     margin: 0 80px 0 70px; }
    
    }
    
    
    @media (max-width:1199px)
    {   
    nav .nav-item{margin-right: 11px;list-style-type: none;}
    .header_logo{ padding: 30px 0px 30px 0px; }
    .header_logo img { width: 290px;}
    nav .nav-item a{ padding: 48px 6px; }
    .subscribe-form{     width: 70%; }
    .header_logo{ padding: 30px 0px 30px 0px; }
    .header_logo img { width: 290px;}
    nav .nav-item a{ padding: 48px 6px; }
    
    .project_outer .project_img_box { width: 220px; }
    .project_inner{ padding: 20px 20px 20px 20px; }
    
    
    .wp-custom-logo .title-area {
        padding: 57px 0 0;
        margin: 0 auto !important;
        display: table;
        width: auto !important;
        float: none;
        max-width: 100%;
        flex: 100%;
    }
    
    .project_outer .project_inner{ background-color: transparent;  width: auto; float: none;}
    .project_outer{     height: 730px;  padding: 40px 0; } 
    .project_outer h1.common_tittle{    margin-bottom: 25px;}
    
    /*.inner_banner h2{     font-size: 30px; padding: 147px 30px; margin: 0; }
    .breadcrumbs{     padding: 150px 30px;}
    .breadcrumbs a.home {  margin-right: 15px;}
     */
    
    .breadcrumbs{ margin: 0px 0 0px; width: 100%;  padding: 10px 50px;}
    .inner_banner h2{     width: 100%;    text-align: center; padding: 10px 50px;}
    .inner_banner{     padding: 95px 0;  }
    form ul.Contact-form li.Name, form ul.Contact-form li.Email, form ul.Contact-form li.Company {width: 31.5% !important;float: left !important;margin-right: 26px;}
    
    }
    
    @media only screen and (min-width:1054px) and (max-width: 1198px) {
    
       .wp-custom-logo .title-area {
        padding: 57px 0 0;
        margin: 0 10px 0 10px;
    }
    
    }
    
    @media only screen and (min-width:960px) and (max-width: 1198px) {
    
    /*.book_apt_button { margin: 27px 25px 0 0; margin: 20px 25px 0 0;}*/
    
    }
    @media (max-width:991px)
     {
    
        .header_logo img { width: 410px;}
    
    
        nav .nav-item:hover .sub-menu,nav .nav-item:hover,nav .nav-item .sub-menu {list-style:none;padding-left:0;}
        nav .sub-menu a{ color:#00000;}
        nav .sub-menu{ display:none; position:relative;width:100%;}
        .navbar-inverse .navbar-brand{background:none;}
        .navbar-wrapper{position:relative; }
        nav .nav-mobile {display:block;color:#fff; padding: 1px 15px;text-align:center; top: 0px; width:100%; left:0px; font-size: 26px;}
        nav.nav {width:100%;padding:48px 0 0; top:0px;}
        nav .nav-list {display: none;list-style: none outside none;margin: 0px;padding: 0; width: 100%}
        nav .nav-item {width:100%;float:none;}
        nav .nav-item > a {padding: 8px 30px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;border-bottom:1px solid #d8d8d8;text-align:left;font-size: 14px;}
        nav .nav-click {display:block;}
        nav .nav-mobile-open {border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
        nav .nav-item:hover .sub-menu {display:none;}
        .nav-border {width: 100%;position: absolute;background-color: #000;}
        
        nav .nav-item:hover .sub-menu a{color:#333;}
        
        .active.nav-item::before {border-bottom:0px;}
    
        nav.nav{ background-color: transparent; top:6px;}
        
    
            .menubar{ background-color: #000; width: 100%;padding: 0px 0px 0 0px; position: relative; top:0px;}
    
        
        /*dropdown starts*/
    
    
        .dropdown-submenu>.dropdown-menu {float: none; position: static; width:auto;padding:0;}
        
        .dropdown-submenu>.dropdown-menu a{color:#333;}
            
        .dropdown-submenu>a:after {display: none;}
     
        .dropdown-submenu:hover>.dropdown-menu {display: none;}
    
       .dropdown-submenu:hover>a:after {border-left-color: transparent;}
       
    
        .nav-list .animate {animation-duration: 0s;}
    
    
    
    
    
    
    /* Menu End */
    .Header_outer{     display: flex; flex-direction: column; }
    .book_apt_button{     order: 2; }
    .menubar{     order: 3; }
    .header_logo{     order: 1;    margin: 0 auto; display: table; }
    /*.book_apt_button{     width: auto;    margin: 0px auto 30px;  display: table; }*/
    .header_logo img { width: 410px;}
    
    
    .about_section{ padding: 60px 20px; }
    .about_section .Follow_The_Clues_img{ margin: 0 auto; display: table; float: none; max-width: 100%;}
    .Follow_The_Clues_content { float: right; max-width: 100%; margin-top: 25px; max-width: 100% !important;}
    .Follow_The_Clues_content h3{ text-align: center; }
    .Follow_The_Clues_content span{     text-align: center; width: 100%; }
    .Follow_The_Clues_content p{     text-align: center; }
    .Follow_The_Clues_content a{     width: auto; margin: 0 auto; display: table; float: none;}
    .project_outer{     height: auto; }
    .project_outer .project_img_box { width: 172px;}
    
    .Follow_The_Clues_content p.clue-author span { margin: 0; text-align: left; width: auto;}
    .Follow_The_Clues_content p.clue-author { margin: 0 auto; display: table; float: none; width: auto;}
    
    .project-outer .project-item{ flex: 50%; max-width: 50%; }
    
    /*.breadcrumbs a { color: #fff;  font-size: 11px;}
    .breadcrumbs span {  font-size: 11px;}
    .inner_banner h2 {  font-size: 27px; padding: 140px 15px;}
    .breadcrumbs { padding: 140px 11px;}*/
    
    /*single page*/
    
    .blog-single-section .blogcontent { flex: 100%;  max-width: 100%;}
    .blog-single-section .sidebar {flex: 100%; max-width: 100%; margin-top: 25px;}
    .single-blog-post .img-box img { margin: 0 auto; display: table;}
    .blog-single-section .content p { text-align: center;}
    .blog-single-section .blogmeta-info.date_description { text-align: center;margin-top: 20px;}
    .blog_Box_inner .blog_inner .date_description{ text-align: center; }
    .Blog_inner_section.newsblog .blog_Box_inner { width: 100%; max-width: 100%; flex: 100%;}
    .Blog_inner_section.newsblog .sidebar { max-width: 100%; width: 100%;}
    .blog_Box_inner .blog_inner .Follow_The_Clues_img {  margin: 0 auto;  display: table;  float: none; width: auto;    max-width: 85%;}
    .blog_Box_inner .blog_inner .Follow_The_Clues_content{    padding: 0 10px 0 10px !important;}
    .blog-single-section .sidebar ul li{ margin: 0 0 15px 0; }
    .blog-single-section .achive_section ul {  float: left !important;  width: 100% !important;}
    .achive_section ul{  float: left !important;  width: 100% !important; }
    .Blog_inner_section.newsblog ul li { margin: 0 0 15px 0;}
    form ul.Contact-form li.Name, form ul.Contact-form li.Email, form ul.Contact-form li.Company {width: 31% !important;float: left !important;margin-right: 25px;} 
    
    }
    
    @media only screen and (min-width:768px) and (max-width: 959px) {
    
        .menu-toggle{ width: 100%; text-align: center; background-color: #6ba4b8;color: #fff;}
        .site-header .menu-toggle::before{ display: none; }
        .menu-toggle.dashicons-before.dashicons-menu.activated{width: 100%; text-align: center; background-color: #521722;color: #fff  }
        .menu-toggle.dashicons-before.dashicons-menu{ width: 100%; text-align: center; text-transform: uppercase; background-color:#521722;color: #fff; }
        ul#menu-header-menu{     padding: 0 0 0 0px; }
        .book_apt_button{     display: table;  margin: 0 auto 10px !important; float: none; width: auto; }
        /*.site-header .wrap{ display: flex; flex-direction: column; }*/
        .wp-custom-logo .title-area{ order: 1; padding: 40px 10px 40px;}
        .menu-toggle.dashicons-before.dashicons-menu{ order: 3; margin: 0px 0 40px 0;}
        .book_apt_button{ order: 2;    margin: 0 auto 30px !important; }
        ul#menu-header-menu li a{ padding: 10px 20px; }
        .genesis-nav-menu ul.sub-menu {  width: 100% !important;}
        .news_inner_section form {     float: right; width: 70%; }
        .news_inner_section form input.company{     width: 100%; }
        
        input[type=text]{ font-size: 13px; }
        .Search_opction form:before { height: 20px;     width: 15px;     right: 10px }
    
        .inner_banner h2{ padding: 140px 30px; }
        .breadcrumbs{     padding: 150px 30px; }
        
    /*    .inner_banner h2 {  font-size: 27px; padding: 140px 15px;}
        .breadcrumbs { padding: 140px 11px;}*/
    
    .breadcrumbs{ margin: 0px 0 0px; width: 100%;  padding: 10px 50px;}
    .inner_banner h2{     width: 100%;    text-align: center; padding: 10px 50px;}
    .inner_banner{     padding: 95px 0;  }
    
    }  
    
    
    @media (max-width:767px)
    {
    
        
        /* Header*/
    
       .menu-toggle{ width: 100%; text-align: center; background-color: #6ba4b8;color: #fff;}
        .site-header .menu-toggle::before{ display: none; }
        .menu-toggle.dashicons-before.dashicons-menu.activated{width: 100%; text-align: center; background-color: #521722;color: #fff  }
        .menu-toggle.dashicons-before.dashicons-menu{ width: 100%; text-align: center;text-transform: uppercase; background-color: #521722;color: #fff; }
        ul#menu-header-menu{     padding: 0 0 0 0px; }
        .book_apt_button{     display: table; float: none; width: auto; }
        /*.site-header .wrap{ display: flex; flex-direction: column; }*/
        .wp-custom-logo .title-area{ order: 1;padding: 40px 10px 40px; }
        .menu-toggle.dashicons-before.dashicons-menu{ order: 3;margin: 0px 0 40px 0;}
        .book_apt_button{ order: 2; margin: 0 auto 30px !important;}
        ul#menu-header-menu li a{ padding: 10px 20px; }
        .genesis-nav-menu ul.sub-menu {  width: 100% !important;}
    
    
    
    /*Header Ed*/
    
    .row.hero-content.text-center h3 { padding: 15px 20px 15px 20px; font-size: 35px;}
    
    
    h2.common_heading{ font-size: 35px; }
    
    .project_outer .project_img_box { width: 100%; max-width: 100%; height: auto;  margin-bottom: 15px;}
    .project_outer .project_img_box img{     height: auto; }
    
    .project_outer{ padding: 55px 20px; }
    .project_inner{ padding: 0 0; background-color:transparent; }
    .project_outer .project_inner { background-color: transparent;}
    span.wpcf7-list-item-label{ font-size: 13px; }
    
    /*about us*/
    
    .abt-img img.wp-image-56.alignleft { width: 100%;  float: left; margin: 0;}
    .about_outer {  padding: 0 20px;}
    .abt-img { float: left; width: 100%; margin-bottom: 15px;}
    .about_outer p { float: left; width: 100%; text-align: center;}
    
    
    /*featured project*/
    
    .project-item .finishedproject-innersec img {  height: auto;}
    
    .project-outer .project-item {  margin-bottom:50px;}
    .project-item .finishedproject-innersec .lower-box{ height: auto; }
    
    .project-outer .project-item{ flex: 100%; max-width: 100%; }
    .proj-container h1.common_tittle { margin: 0;}
    
    
    /*privacy policy*/
    .privacy_outer {padding: 0 20px;}
    .privacy_outer  h1,h2,h3,h4,h5,h6 {  text-align: center;}
    .privacy_outer p {  text-align: center;}
    .privacy_outer h4{  text-align: center;}
    .privacy_outer h5{  text-align: center;}
    
    .common_outer ul { float: none; width: auto; margin: 0 auto; display: table;}
    .common_outer ol{ float: none; width: auto; margin: 0 auto; display: table;}
    .common_outer h1{     font-size: 38px; }
    .common_outer h2 { font-size: 33px;}
    .common_outer h3 { font-size: 30px;}
    .common_outer h4 {  font-size: 28px;}
    .common_outer h5 {  font-size: 26px;}
    .privacy_outer p{ font-size: 17px; }
    .common_outer ol li { font-size: 17px; margin:0;}
    .common_outer ul li { font-size: 17px; margin:0;}
    
    /*follow clous*/
    .single-service-post .content-box.serv-subtitle img.alignleft {
        margin: 0 0 20px 0;
        width: 100%;
        float: left;
    }
    .single-service-post .content-box.serv-subtitle p {
        float: left;
        width: 100%;
        text-align: center;
    }
    
    .howto-outer {
        padding: 0 20px;
    }
    
    .howto-outer p {
        text-align: center;
    }
    .howto-video iframe {
        height: auto;
    }
    
    .Blog_inner_section.newsblog .blog_Box_inner .contact_us {  padding: 0 0;  margin-bottom: 50px;}
    .Blog_inner_section.newsblog .blog_Box_inner .contact_us form ul.Contact-form  span.wpcf7-list-item-label {  font-size: 11px;}
    form ul.Contact-form li.Name, form ul.Contact-form li.Email, form ul.Contact-form li.Company {width: 100% !important;float: left !important;margin-right: 0px;} 
    
    }
    @media (max-width:640px)
    {
    .contact_us form { padding: 0 20px;}
    form ul.Contact-form li {  width: 100%; }
    form ul.Contact-form li.product_slec { width: 100%;}
    .news_inner_section .subscribe-form .company{padding: 20px 15px; }
    span.wpcf7-form-control-wrap.Newsletter { float: left;}
    form ul.Contact-form li.get-nesletter, form ul.Contact-form li.terms-conditions {  float: left;  border: 0;  margin: 0;}
    h1.common_tittle{ font-size: 37px; }
    h1.common_tittle span{     font-size: 37px; }
    
    .row.hero-content.text-center h3 { padding: 15px 40px 15px 40px; font-size: 32px;}
    img.fancybox-image {  padding: 0 20px;}
    .pagination .wp-pagenavi {
        display: inline-flex;
        flex-wrap: wrap;
            justify-content: center;
    }
    .blog_Box_inner .blog_inner .Follow_The_Clues_img{     max-width: 100%; }	
    .blog_Box_inner .blog_inner .Follow_The_Clues_content { padding: 0 0px 0 0px !important;}
    .contact-me .Contact-form li.form-group.terms-conditions {
        margin: 0 0 15px 0;
    }   
    }
    
    @media (max-width:480px)
    {   
    
         .blog_content{     padding: 0 20px 20px 20px; }
         .footer-copyright p{     padding: 20px 10px 0 10px; }
         .header_logo img { width: 300px;}
         h1.common_tittle {  font-size: 28px;}
         h1.common_tittle span {  font-size: 28px;}
         .Follow_The_Clues_content p.clue-author span{ font-size: 12px; }
         .Follow_The_Clues_content span a { font-size: 12px;}
         .breadcrumbs a.home {  margin-right: 5px; font-size: 15px;}
         .breadcrumbs span {  font-size: 15px;}
         .row.hero-content.text-center h3 { padding: 15px 60px 15px 60px; font-size: 27px;}
         .pagination .wp-pagenavi span.pages{     font-size: 14px;     padding: 8px 15px;}
         .pagination .wp-pagenavi span.current{   font-size: 15px;      padding: 8px 15px;}
         .pagination .wp-pagenavi a.page.larger{ font-size: 15px;      padding: 8px 15px;}
         .pagination .wp-pagenavi a.nextpostslink{font-size: 15px;     padding: 8px 15px; }
    }
    @media (max-width:321px)
    {
    
    
    }