/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  
    .mainmenu ul li a {
      padding: 30px 10px;
    }
    .subscribe-nesletter button {
      padding: 0 20px;
    }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
     .logo {
      text-align: center;
    }
    .mainmenu ul {
      text-align: center;
    }
    .mainmenu ul li a {
      padding: 16px 9px;
    }
    .mainmenu li:hover ul {
        top: 60px;
    }
    .header-shop:hover .shopping-cart{
        top: 60px;
    }
    .search-form-area {
      padding: 22px 17px 27px 0;
    }
    .header-shop {
      padding: 15px 0;
    }
    .gardening-content-block {
      padding: 50px 0;
    }
    .single-slider-item, single-slider-item .text-center {
        text-align: center;
    }
    .single-slider-item h1 {
      font-size: 40px;
    }
    .single-project-item {
        margin-bottom: 30px;
    }
    .about-info {
        margin-bottom: 30px;
    }
    .who-we-info {
        margin-bottom: 30px;
    }
    .cta-area, .cta-area .text-right {
        text-align: center;
    }
    .cta-area h2 {
      margin: 9px 0 15px;
    }
    .blog-item {
        margin-bottom: 30px;
    }
    #back-to-top {
        bottom: 86px;
    }
    .address-area ul li .contact-social li {
      margin-right: 0;
    }
    .product-details-area .nav > li > a {
      padding: 10px 6px;
    }
    
    .project-slides {
      margin-top: 25px;
    }
    .section-title > h2 {
      margin: 0 0 16px;
    }
    .choose-us-item {
      padding: 20px 0;
    }
    .footer-copyright-area, .footer-copyright-area .col-md-6.text-right, .header-top-area .text-right {
      text-align: center;
    }
    .testimonial-card {
      margin-bottom: 20px;
    }
    .single-top-news-item img {
      margin-right: 10px;
    }
    .single-top-news-item > h4 {
      margin: 0;
    }
    .single-top-news-item {
      font-size: 18px;
      margin-bottom: 18px;
      padding-bottom: 18px;
    }
    .footer-top-area {
      padding: 40px 0;
    }
    .footer-wid {
      padding: 0 0 10px;
    }
    .social-icos {
      text-align: center;
    }
    .our-team-area .single-team {
      margin-bottom: 20px;
    }
    .qoute-form-area p {
      text-align: left;
    }
    .mb-30 {
        margin-bottom: 0;
    }
    .logo {
    width: 100%;
    margin-left: -25px;
    /* margin-right: -5px; */
}
    #thumbs .item {
    /* background: #C9C9C9; */
        height: 55px;}
    .social-icon {
    float: right;
    margin-top: -26px;
}
    .gmap_canvas {
    overflow: hidden;
    background: none!important;
      height: 400px;
    width: 100%!important}
    .mapouter {
    
    width: 100%!important;
}
    .single-service-item-block {
   
    height: 500px;
}
    .single-slider-item {
    background-size: cover;
    background-position: center;
    background-color: #dddddd;
    height: 65vh;
    font-size: 24px;
    color: #fff;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .header-top-area {
      font-size: 12px;
      padding: 7px 0;
      text-align: center;
    }
    .seprator {
      padding: 0 4px;
    }
    .mb-30 {
        margin-bottom: 0;
    }
    .social-icon {
      text-align: center;
    }
    .mainmenu, .responsive-menu-wrap a>i.fa, .header-search-bar {
        display: none
    }
    .responsive-menu-wrap {
        display: block;
        margin-top: -16px;
        position: absolute;
        right: 15px;
        top: 50%;
    }
    .mainmenu-area {
        position: relative;
        z-index: 9;
    }
    .responsive-menu-wrap .slicknav_menu {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        margin: 0;
        padding: 0;
    }
    .slicknav_btn {
        margin: 0;
        background-color: #6eb2dc;
        border-radius: 0;
    }
    .slicknav_nav {
        background: #333 none repeat scroll 0 0;
        border-radius: 2px;
        width: 200px;
    }
    .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
      background: #6b960b none repeat scroll 0 0;
      border-radius: 0;
      color: #fff;
    }
    .slicknav_nav .slicknav_row, .slicknav_nav a {
      margin: 0;
      padding: 5px 14px;
        transition: .4s;
    }
    .header-right-cart {
      right: 145px;
      position: absolute;
      top: 0;
    }
/*
    .single-slider-item {
      font-size: 15px;
      height: 200px;
    }
*/
    .single-slider-item h1 {
      font-size: 30px;
    }
    .single-slider-item, single-slider-item .text-center {
        text-align: center;
    }
    .homepage-slides .owl-nav div {
        color: #333;
        display: inline-block;
        margin: 0;
        position: relative;
        border: 2px solid #333;
    }
    .homepage-slides .owl-nav {
        margin-top: 5px;
        text-align: center;
    }
    .homepage-slides .owl-nav div.owl-next, .homepage-slides .owl-nav div {
        left: auto;
        margin: 10px;
        right: auto;
        line-height: 34px;
    }
    .shop-slides .owl-nav div.owl-next, .testimonial-slides .owl-nav div.owl-next {
      right: 8px;
    }
    .section-title > h2 {
      padding-bottom: 15px;
    }
    .choose-us-item {
      padding: 20px 0;
    }
     .single-service-item-block {
        margin-bottom: 30px;
    }
    .gardening-content-block {
      padding: 30px 0;
    }
    .gardening-breadcumb, .gardening-mini-banner h2 {
      text-align: center;
        margin: 0 0 10px;
    }
    .single-project-item {
        margin-bottom: 30px;
    }
    .about-info {
        margin-bottom: 30px;
    }
    .who-we-info {
        margin-bottom: 30px;
    }
    .cta-area, .cta-area .text-right {
        text-align: center;
    }
    .cta-area h2 {
      margin: 9px 0 15px;
    }
    .blog-item {
        margin-bottom: 30px;
    }
    #back-to-top {
        bottom: 120px;
    }
    .address-area ul li .contact-social li {
      margin-right: 0;
    }
    .product-details-area .nav > li > a {
      padding: 10px 6px;
    }
    .who-we-info .list-inline > li {
      float: left;
      margin-bottom: 20px;
      width: 50%;
    }
    .testimonial-slide-item {
      text-align: center;
    }
    .profile-item {
      margin: 0 auto;
    }
    .about-iem-block {
      margin-bottom: 30px;
    }
    .project-slides {
      margin-top: 25px;
    }
    .section-title > h2 {
      font-size: 20px;
    }
     .subscription h2 {
      font-size: 30px;
    }
    .subscription p {
      font-size: 13px;
    }
    .shorting-menu > button {
      font-size: 14px;
      margin: 0;
      padding: 4px 8px;
    }
    .footer-copyright-area, .footer-copyright-area .col-md-6.text-right {
      text-align: center;
    }
    .footer-top-area {
      padding: 20px 0;
    }
    .footer-wid {
      padding: 0 0 10px;
    }
    .social-icos {
      text-align: center;
    }
    .our-team-area .single-team {
      margin-bottom: 20px;
    }
    .gardening-mini-banner {
        padding: 20px 0;
    }
    .comment-metadata h4 {
      margin: 12px 0 3px;
    }
    .qoute-form-area p {
      text-align: left;
    }
/*    new style*/
    .mgtop {
/*    margin-top: -25px;*/
    text-align: justify;
     margin-left: 0px; 
}
    .footer-wid-title {
        margin: 0 0px 25px;}
    .address-info {
    margin-left: 0px;
}
    section.feature {
    margin-top: 45px;
}
    img.imgfit {
    height: 380px;
    width: 100%;
}
    .single-feature-item .content-box {
   
        margin-top: -145px;
    }
    .team-box-item {
    margin-top: 20px;
}
    img.proimg {
   width: 100%;
    height: 330px;
    border: 1px solid #ccc;
    border-radius: 15px;
}
    .social-icos {
    margin-top: 20px;
       margin-top: 20px;
    float: left;
    margin-left: 15px;
}
  .gmap_canvas {
    overflow: hidden;
    background: none!important;
      height: 400px;
    width: 100%!important}
    .mapouter {
    
    width: 100%!important;
}
    .post-details-area {
    /* border: 2px solid; */
    /* padding: 12px; */
    width: 100%;
    float: left;
    margin-right: 25px;
    display: inline-block;
}
    #thumbs li {
    display: inline-block;
    list-style: none;
    width: 23%;
}
    #thumbs .item {
    /* background: #C9C9C9; */
    height: 95px;
}
    .single-slider-item {
    background-size: cover;
    background-position: center;
    background-color: #dddddd;
    height: 65vh;
    font-size: 24px;
    color: #fff;
}
  
    

#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {
  
    top: 40%;
}
    img.solimg {
    height: 350px;
}
    .outer {
    margin: 0 auto;
    max-width: 800px;
    margin-bottom: 25px;
}
    .logo {
    width: 250px;
        margin-left: -60px;}

video {
    width: 100%;
/*    height: 250px;*/
}
.testimonial-slide-item {
   
    height: 655px;
   
    margin-bottom: 15px;
}
.testimonial-slide-item p {
  
    text-align: justify;
    /* font-style: italic; */
}
.faq-q {
    cursor: pointer;
    font-size: 1.3em;
}
.post-description > h2 {
   font-size: 26px;
    color: #036bbb;
}

/*
.tab {
    float: left;
    clear: both;
    width: 100%!important;
}
.content {
    position: inherit!important;
    top: 0;
    left: 30%;
    background: white;
    right: 0;
    bottom: 0;

}
.post-details-area.pda {
    width: 100%!important;
    float: right;
    margin-left: 15px;
    display: inline-block;
}
.tab label {
  
    background: #6eb2dc!important;
 
    color: #ffffff!important;
     text-align: center!important; 
    font: 600 26px/36px 'Ubuntu', sans-serif!important;
    
}
[type=radio]:checked ~ label:after {
    display:none;
}
*/



}










/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 480px) { 
      #thumbs .item {
    /* background: #C9C9C9; */
        height: 51px;}
       .single-slider-item {
    background-size: cover;
    background-position: center;
    background-color: #dddddd;
    height: 30vh;
    font-size: 24px;
    color: #fff;
}
    .post-details-area.pda {
    width: 85%;
    float: right;
    margin-left: 15px;
    display: inline-block;
}
    img.solimg {
    height: 298px;
}

}