/* Responsive CSS Document */

/* 
    Created on : 10/10/2016. 
    Theme Name : GARDENFE.
    Description: GARDENFE || Responsive html5 template.
    Version    : 1.0.
    Author     : @TheMazine.
   
*/



@media (min-width: 992px) {
	.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
#legend {
position: absolute;
    right: -151px;
    top: 2%;
    color: #e9fbd6;
    border: 1px solid;
    padding: 10px;
    color: black
}
.tabD {width: 500px;}
}
@media (max-width: 1366px) {
    .scroll-top {bottom: 30px; right:30px;}
#legend {
position: absolute;
    right: -151px;
    top: 2%;
    color: #e9fbd6;
    border: 1px solid;
    padding: 10px;
    color: black
}
.tabD {width: 500px;}
}
@media (max-width: 1199px) {
  .sidebar .wrapper-right {padding-right: 0;}
  .sidebar .wrapper-left {padding-left: 0;}
  .service-details-content .img-content img {width: 48%;}
  .our-blog-page .blog-details-page .text-content .img-item-list img {width: 50%;}
#legend {
position: absolute;
    right: -151px;
    top: 2%;
    color: #e9fbd6;
    border: 1px solid;
    padding: 10px;
    color: black
}
.tabD {width: 500px;}
}
/*(max-width: 1199px)*/

@media (max-width: 991px) {
  header.main-header .top-header [class*="float-"] {float: none;text-align: center;}
  header.main-header .top-header .right-side ul li {margin: 15px 5px 0 5px;}
  header.main-header .main-menu .navbar {float:none; clear:both;}
  .short-banner .container .opacity {margin-right: -15px;margin-left: -15px;}
  .year-of-experience .left-side,.year-of-experience .right-side {width: 100%;}
  .year-of-experience .right-side {margin-top: 60px;}
  .avi-service img.float-right {display: none;}
  .avi-service .item img {margin: 0 auto;}
  .our-team .team-member img,.short-contact .float-left {width: 80%;}
  h3 {
  font-size: 32px;
}
  .latest-news .text {padding-left: 20px; padding-top: 35px;}
  .latest-news .text a h6 {line-height: 24px;}
  .short-contact .content {float:none;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
  .short-contact .right-side .content {padding-left: 15px;}
  footer .top-footer {padding-left: 0;padding-right: 0;}
  footer .footer-logo,footer .footer-recent-post,footer .footer-service,footer .footer-contact {padding-left: 15px;padding-right: 15px; margin-bottom: 50px;}
  footer .top-footer {padding-bottom: 0px;}
  header.main-header .main-menu.fixed .logo,header.main-header .main-menu.fixed .emg-num {display: none;}
  header.main-header .top-header .right-side ul li {text-align: left;}
  .avi-service .extra-feature {padding-left: 0;margin-top: 75px;}
  .service-details-content ul.pfix,.service-details-content ul.space-fix {padding-left: 0;}
  .sidebar {margin-top: 60px;}
    
    
#legend {
position: absolute;
    right: -151px;
    top: 2%;
    color: #e9fbd6;
    border: 1px solid;
    padding: 10px;
    color: black
}

}
/*(max-width: 991px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  header.main-header .main-menu .logo {margin-right: 50px;width: 15%;}
  header.main-header .main-menu .emg-num {width: 180px;font-size: 15px; height: 55px;}
  header.main-header .main-menu .navbar-nav >li {margin: 0 12px;}
  .year-of-experience .right-side {width: 43%;}
  .year-of-experience .left-side {width: 51%;}
  .year-of-experience .right-side .single-item p {margin-right: 65px;}
  .avi-service img.float-right {margin-top: 0;}
  .side-by-side-banner .left-side .text {max-width: 485px; padding-right: 10px;}
  .side-by-side-banner .left-side .text .single-item p {margin-right: 165px;}
  .our-team .team-member .text {padding-left: 10px;padding-right: 10px;}
  .client-slider .opacity .item p {width: 80%;}
  .latest-news .text {padding-left: 20px;padding-right: 17px;}
  .short-contact .content {max-width: 485px;}
  .short-contact .right-side .content {padding-left: 40px;}
  .short-contact .right-side a {width: 180px;font-size: 18px;}
  footer .footer-recent-post,footer .footer-service,footer .footer-contact {padding-left: 30px;}
  .year-of-experience-two .wrapper {padding-left: 200px;}
  .service-details-content ul.pfix {padding-left: 125px;}
  .sidebar .sidebar-recent-post .text {width:66%;}
  .contact-us-page .contact-address .single-box {padding-left: 0;padding-right: 0;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (min-width: 768px) and (max-width: 991px) {
  header.main-header .main-menu .navbar-nav {float: none; text-align: center;}
  header.main-header .main-menu .navbar-nav >li {float:none; display: inline-block;}
  header.main-header .main-menu .navbar-nav>li.dropdown-holder .sub-menu li a {text-align: left;}
  header.main-header .main-menu .navbar-nav >li a {line-height: 70px;}
  header.main-header .main-menu .logo a {line-height: 80px;}
  header.main-header .main-menu .emg-num {margin-top: 28px; padding-top: 14px;height: 45px; width: 190px;font-size: 18px;}
  header.main-header .main-menu .emg-num i {width: 30px;height: 30px;line-height: 30px;}
  .side-by-side-banner .left-side .text {max-width: 375px; padding-right: 10px;}
  .side-by-side-banner .left-side .text .single-item p {margin-right: 0;}
  .side-by-side-banner .left-side, .side-by-side-banner .right-side {height: 645px;}
  .client-slider .opacity .item p {width: 95%;}
  .short-contact .content {max-width: 750px;}
  footer .footer-logo,footer .footer-recent-post,footer .footer-service,footer .footer-contact {width: 50%;min-height: 322px;}
  .inner-banner .opacity {padding-top: 345px;}
  .year-of-experience-two .wrapper {padding-left: 170px;}
  .year-of-experience-two .wrapper p {width: 95%;}
  
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
  header.main-header .main-menu .logo a {line-height: 70px;}
  header.main-header .main-menu .logo {margin-right: 0;}
  header.main-header .main-menu .emg-num {width: 170px;height: 43px; margin-top: 20px; padding-top: 15px;font-size: 17px;}
  header.main-header .main-menu .emg-num i {width: 30px;height: 30px;line-height: 30px;font-size: 16px;top:-15px;margin-left: -15px;}
  header.main-header .main-menu .navbar-nav >li {margin: 0;}
  header.main-header .main-menu .navbar-nav >li a {line-height: 40px;}
  header.main-header .main-menu .navbar-nav >li:before {height: 2px;}
  header.main-header {

  }
  header.main-header .main-menu .navbar-nav>li.dropdown-holder .sub-menu {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
    -webkit-transform: scaleY(1);
       -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
         -o-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
    visibility: visible;;
    position: static;
    box-shadow: none;
    width: 100%;
    display: none;
  }
  .main-menu nav ul li.dropdown-holder .fa {display: block;}
  .side-by-side-banner .left-side, .side-by-side-banner .right-side {width: 100%;height: auto;}
  .side-by-side-banner .right-side {display: none;}
  .side-by-side-banner .left-side .opacity {padding-bottom: 50px;}
  .side-by-side-banner .left-side .text {max-width: 100%;float:none; padding-left: 15px;padding-right: 15px;}
  .client-slider .opacity .item p {width: 100%;}
  footer .footer-logo,footer .footer-recent-post,footer .footer-service,footer .footer-contact {width: 100%; float:none;}
  footer h5 {margin-bottom: 28px;}
  .inner-banner .opacity {padding-top: 80px;}
  .year-of-experience-two .wrapper>span>span {font-size: 45px;}
  .year-of-experience-two .wrapper>span {margin-left: -58px;}
  .year-of-experience-two .wrapper {padding-left: 58px;}
  .year-of-experience-two .wrapper p,.ceo-page .content-box {width: 100%;}
  .ceo-page .content-box {margin-top:  0px; text-align: right;}
 
  .contact-us-page .contact-wrapper {width: 100%;}
  #banner h1 {font-size: 35px;}
  #banner p {font-size: 12px;}
    
    
.ceo-page .container>img {
  position: relative;
  left:0;
  bottom:0;
  z-index: 1;
border-radius: 80%;
border: 1px dashed #fff;

}
#xx{
margin-left: 100%;
}
    
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #isotop-wrapper .isotop-item,#isotop-wrapper .isotop-item.item-big,#isotop-wrapper .isotop-item img,
  .our-blog-page .blog-details-page .text-content .img-item-list img {width: 100%;}
  .our-blog-page .blog-details-page .text-content ul.extra-list {padding-left: 0;padding-top: 30px;}
}

@media (max-width: 550px) {
  .short-contact .float-left {height: auto;}
  .short-contact .left-side .opacity,.short-contact .right-side .content {padding-bottom: 40px;}
  .short-contact .right-side a {display: block;}
  .short-contact .right-side a.fill {margin: 15px 0 0 0;}
  .scroll-top {bottom: 10px;right: 5px;}
  footer .bottom-footer {padding-left: 15px;padding-right: 15px;}
  .our-blog-page .blog-details-page .admin-text .img-content,.our-blog-page .blog-details-page .single-comment .img-content {position: static; text-align: center;}
  .our-blog-page .blog-details-page .admin-text .img-content img,.our-blog-page .blog-details-page .single-comment .img-content img {margin: 0 auto;}
  .our-blog-page .blog-details-page .admin-text,.our-blog-page .blog-details-page .single-comment {padding-left: 20px;}
  .our-blog-page .blog-details-page .admin-text p,.our-blog-page .blog-details-page .single-comment p {margin-top: 30px;}
  .our-blog-page .blog-details-page .single-comment.reply-comment {margin-left: 40px;}
  .our-blog-page .blog-details-page .text-content ul.post-info {margin-left: -10px;}
  .our-blog-page .blog-details-page .main-wrapper {padding-left: 10px;}
  .our-blog-page .blog-details-page .admin-text {margin-right: 10px;}
  .our-blog-page .blog-details-page .text-content p {padding-right: 5px;}
  .our-blog-page .blog-details-page .comment-area, .our-blog-page .blog-details-page .leave-comment {padding-right: 10px;}
}

@media (max-width: 500px) {
  .side-by-side-banner .left-side .text .single-item p {margin-right: 0;}
  
}

@media (max-width: 480px) {
  .year-of-experience .right-side .single-item .icon {width:50px;height: 50px;line-height: 50px;font-size: 22px;top:-12px;}
  .year-of-experience .right-side .single-item {padding-left: 60px;}
  .year-of-experience .right-side .single-item p {margin-right: 0;}
  #isotop-wrapper .isotop-item .item .icon {width: 45px;height: 45px;line-height: 45px;font-size: 14px;}
  #isotop-wrapper .isotop-item.item-big img {min-height: 120%;}
  .our-team .col-xs-6,.latest-news .col-xs-6,.latest-news .single-news .img img {width: 100%;}
  .client-slider .opacity .item p {padding-left: 20px;padding-right: 20px;}
  .year-of-experience-two .wrapper a {display: block;margin: 10px 0;}
  .year-of-experience-two .wrapper h2 {font-size: 38px;line-height: 50px;}
  .sidebar .sidebar-widget {padding-left: 20px;}
  .sidebar .sidebar-service-page ul li a:before, .sidebar .sidebar-download-item a:before,
  .sidebar .text-widget .bg-wrapper:before, .sidebar .sidebar-about p:before, 
  .sidebar .sidebar-search form:before, .sidebar .sidebar-recent-post .single-post:before,
  .sidebar .sidebar-social-icon ul:before {left:-20px;}
  .most-talent-staff .col-xs-6 {width: 100%;}
  .most-talent-staff .team-member {display: block;}
  .most-talent-staff .team-member img {width: 100%;}
    
  #banner h1 {font-size: 35px;}
  #banner p {font-size: 12px; margin: 5px;}
  #main img{ margin-top: 200px;}
    #banner h1 {text-align: center;font-size:2.0em;}
    
#banner .tp-caption a {width:110px;line-height: 30px;text-align: center;font-weight: bold;}
 
.img-content img {width: 98%;}


.tabD {width: 100%;}
#popper {
  padding: 1em;
  background: white;
  border-radius: 2px;
  box-shadow: 0 0 10px 3px rbga(0, 0, 0, .3);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#legend {
position: absolute;
right: -18px;
top: 71%;
color: #e9fbd6;
border: 1px solid;
padding: 0px 10px;
color: #bbb;
}
        .map-cover {
    width: 530px;
    height: 600px;
    position: relative;
    margin: 0 auto;
	overflow: scroll;

}

}

@media (max-width: 450px) {
  header.main-header .main-menu .emg-num,header.main-header .main-menu .logo {float:none; margin-right: auto;margin-left: auto; display: block; text-align: center;}
  header.main-header .main-menu .logo {margin-bottom: 30px;}
  .avi-service .extra-feature .single-count {width: 100%;float:none;text-align: center;margin-bottom: 40px;}
  .avi-service .extra-feature .single-count .icon {margin-left: auto;margin-right: auto;}
}

@media (max-width: 420px) {
  header.main-header .top-header .right-side ul li {display: block;margin-left: 0;margin-right: 0;}
}

@media (max-width: 380px) {
  .sidebar .sidebar-recent-post .text {width: 100%;padding-left: 0;}
  .sidebar .sidebar-recent-post img {display: none;}
}