/*
Theme Name: Gardenia
Text Domain: gardenia
Theme URI: https://fruitthemes.com/wordpress-themes/gardenia/
Author: FruitThemes
Author URI: https://fruitthemes.com/
Description: Gardenia is a fully mobile responsive, easy to setup and manage, eye-catchy and premium quality green color based WordPress theme. Gardenia is suitable for your nature or environmental project blog website, green products business website, garden business website, Go Green type programs and companies having green color in their brand or any type of other business websites too. Gardenia is easily manageable by customizer options of WordPress admin panel. Step by step documentation and dummy data is available at: https://fruitthemes.com/documentation/gardenia/
Requires PHP: 7.4
Requires at least: 5.4
Tested up to: 6.0
Version: 2.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Gardenia Theme, Copyright 2022 fruitthemes.com
Gardenia is distributed under the terms of the GNU GPL
Tags: left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the FruitThemes.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
/* CSS Document */


body {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    color: #212121;
}
.a{font-family: 'Quicksand', sans-serif;}
.gardenia-container {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    z-index: 1;
}
header {
    position: absolute;
    width: 100%;
    z-index: 2;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background-color: #fff;	
}
.page-template-front-page .themepage {
    border-bottom: 1px solid #3c6302 ;
}
header.scrollbottom {
    background-color: rgba(51, 77, 92, 0.99);
    box-shadow: 0 0 2px #81b2ce;
    position: fixed;
}

.logo {
    margin:25px 0;
}
.home-link .site-title , .home-link .site-description {margin:10px 0; }
img { max-width:100%; height:auto;}

a:hover, a:focus{ 
    color: #457103; 
    outline: none;
}
/* Comment form */
#commentform a {color: #457103;
                font-family: 'Quicksand',sans-serif;
                font-size: 15px;   
                text-transform: capitalize;
}
#commentform p label { display: none;}
.comment-author img{
    height:auto;
    max-width:100%;
    margin:0 12px;
}
.reply a{
    color: #457103;
    font-family: 'Quicksand',sans-serif;
    font-size: 15px;   
    text-transform: capitalize;
    float:right;
}
.comment-author.vcard {
    float: left;
}
ol.commentlist li{
    clear:both;
    margin-bottom:40px;
}
.comment .glyphicon-calendar.color {
    font-size: 12px;
    word-spacing: -10px;
}
/* widgets css */

.textwidget {
   text-align:justify;

}
.textwidget img {
    height: auto;
    max-width: 100%;
}
.textwidget select  {
    max-width: 100%;
}
.search-input{
    position:relative;
    width: 175px;	
    background-color:#2b2b2b;
    border:1px solid #555555;
    border-radius:1px;	
    line-height:22px;
    font-weight:normal;
    color:#9e9e9e;
    margin-right:0px;
    margin-top:5px;
    float:right;
    margin-bottom:5px;
    padding:3px 25px 3px 3px;

}
.search-input:focus{
    background-color: #1e1e1e;
    -webkit-transition:all ease-out 0.5s;
    transition:all ease-out 0.5s;	
    border:1px solid #1e1e1e;
    color:#ffffff;
}
widget_search .screen-reader-text ,.search-form .screen-reader-text {
    display:none;
}
.search-form {
    position: relative;
}
.search-form label {
    width: 100%;
}
.search-form .search-field {
    border: 1px solid #ccc;
    font-size: 16px;   
    font-weight: normal;
    padding: 7px 10px;
    width: 100%;
    margin: 10px 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
}
.search-form .search-submit{
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/search.png");
    background-repeat: no-repeat;
    border: medium none;
    height: 21px;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -500px;
    top: 20px;
    width: 19px;
    margin: 0 !important;
    background-color : transparent !important;
}
/*main navigation start*/
.social-ico{margin:0; padding:0;}
.left-head{float:left; margin-bottom: 3px;}
.phone{ background-image: url("images/social.png");
        background-position: -198px 8px;
        background-repeat: no-repeat;
        color: #f0f0f0;
        float: left;
        font-size: 12px;
        height: 25px;
        line-height: 28px;
        padding: 0 15px;}
.mail{background-image: url("images/social.png");
      background-position: -111px 8px;
      background-repeat: no-repeat;
      color: #f0f0f0;
      float: left;
      font-size: 12px;
      height: 25px;
      line-height: 28px;
      padding:0 0 0 25px; font-size:12px; color:#f0f0f0;}
.mail a{color:#f0f0f0; background: none repeat scroll 0 0 #238121;}

.right-head ol.social {	display: inline-block;	margin: 0;	padding: 0; float:right;}
.right-head ol.social li {	display: inline-block;	margin:0 10px;}
.right-head ol.social li:last-child{margin-right: 0;}
.right-head ol.social li:first-child{margin-left: 0;}
.right-head ol.social a {	color: #7a7a7a;	font-size:20px;	display: inline-block;}
.right-head ol.social a i {background-repeat: no-repeat;	background-position: center; color:#FFF; font-size:15px;}
.right-head ol.social a:hover {	color: #fff;}
.right-head ol.social a .social_facebook_circle {	color: #3b5998;}
.right-head ol.social a .social_twitter_circle {	color: #49c9f2;}
.right-head ol.social a .social_pinterest_circle {	color: #e00e0d;}
.right-head ol.social a i:hover {	color: #000;}

.gg-menu, .gg-menu ul {	margin: 0;	padding: 0;	list-style: none;}
.gg-nav 
{	
    position: relative;
    padding-top: 20px;
}
.gg-navbar {	box-shadow: none; padding:0;}
.gg-nav .navbar-toggle 
{	
    color: #238121;
    float: right;
    font-size: 30px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    text-align: right;
    top: -50px;
}
  
    
.gg-menu {	width: auto;	float: right;	margin: 25px auto ;}
.gg-menu:after {	clear: both;}
.gg-menu li {	float: left;	position: relative;	margin: 2px 15px;}
.gg-menu li:last-child {margin-right:0;}
.gg-menu > li > a {	padding: 5px 2px;	color: #383838;	font-size: 16px;	text-decoration: none; font-family: 'Quicksand', sans-serif;	border-bottom:2px solid #fff; border-top:2px solid #fff; transition: all 0.5s ease-in-out 0s;}
.gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a ,ul.gg-menu > li.current_page_item > a 
{	
    color: #457103;
}
.gg-menu > li > a:before{
	content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: -4px;
    background: #ffffff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.gg-menu > li > a:hover:before, .gg-menu > li > a:focus:before, ul.gg-menu > li.current_page_item > a:before {
    left: 0;
    right: 0;
	background-color: #238121;
}
.gg-menu li a:hover { /* IE6 only */	color: #457103;}
.gg-menu ul {	margin: 20px 0 0 0;	_margin: 0; /*IE6 only*/	opacity: 0;	visibility: hidden;	position: absolute;	top: 38px;	right: 0;
              z-index: 1;	background:#f1f1f1;		-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;	-ms-transition: all .2s ease-in-out;	-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;}
.gg-menu li:hover > ul {	opacity: 1;	visibility: visible;	margin: 0;}
.gardenia-menu ul ul {	top: 0;	left: 150px;	margin: 0 0 0 20px;	_margin: 0; /*IE6 only*/
                       -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);	box-shadow: -1px 0 0 rgba(255,255,255,.3);}
.gg-menu ul li {	float: none;	display: block;	border: 0;	_line-height: 0; /*IE6 only*/	border-bottom: 1px dashed #689bba;border-style: none; margin: 0 10px;}
.gg-menu ul li:last-child {	-moz-box-shadow: none;	-webkit-box-shadow: none;	box-shadow: none;	border-bottom: none;}
.gg-menu ul a {	padding: 5px 10px;	_height: 10px; /*IE6 only*/	display: block;	float: none;	text-transform: none;
                font-size: 14px;	color: #383838;	font-weight: normal;}
.gg-menu ul a { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;}
.gg-menu ul li:first-child > a{ border-top:2px solid transparent;}
.gg-menu ul li:first-child > a:hover {border-top: 2px solid transparent;}
.gg-menu ul li:last-child > a { border-bottom:2px solid transparent;}

.gg-menu ul a:hover,  .gg-menu ul a:focus {	color: #457103;}
.gg-menu ul li:last-child > a {	-moz-border-radius: 0 0 3px 3px;	-webkit-border-radius: 0 0 3px 3px;	border-radius: 0 0 3px 3px;}
.gg-menu ul.sub-menu {  min-width: 210px; }

.gg-menu ul ul {
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
    right:106%;
    margin: 0;
    top: 0;
    width: auto;
}
.gg-menu ul li a:hover{
    border-top: 2px solid #ffffff;
}
/*main navigation end*/

/* Mobile */
footer .bg1 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.gardenia-section {	background-color: #f4f4f4;	position: relative;	width: 100%;}
.section-content {	text-align: center;	padding: 5px 0px; background: none repeat scroll 0% 0% rgb(35, 129, 33);}
.section-content h1 {	color: #191919;	font-size: 34px;	text-transform: uppercase;	border-bottom: 1px solid #919191;	padding-bottom: 5px;
                      width: 75%;	margin: 0 auto 10px;}
.section-content h1 span {	color: #334d5c;}
.section-content h4 {	color: #383838;	font-size: 14px;	line-height: 25px;	margin: 0 auto;	width: 67%;}
footer {	background:url('images/footer-bg.png') repeat-x;  border-top: 5px solid #457103;}
.footer-widget {	color: #f4f4f4;	line-height: 22px; font-size:12px; }
.footer-widget h2,footer .widget_recent_comments h4, .footer-widget h2 a.rsswidget{
    font-family: 'Quicksand', sans-serif; font-weight:600;	
    font-size: 18px;	margin: 15px 0; text-transform: uppercase;
}
footer .widget_recent_comments h4{ border-bottom: medium none; color:#f4f4f4;}	
.footer-widget h2 a.rsswidget { color:#f4f4f4;}
.footer-widget ul {	
    padding:0;
    margin: 0; 
}
.footer-widget ul .sub-menu ,.footer-widget ul .children{ padding:0 0 0 10px;}
.footer-widget ul .sub-menu li:last-child {
    padding-bottom: 0;
}
.footer-widget.widget_nav_menu ul ul li{ margin-bottom:0 ;padding-bottom:0;  padding-left:5px;}
.footer-widget ul li { list-style: none outside none; padding-bottom: 5px; }
.footer-widget ul li a:before ,footer .widget_recent_comments ul li span:before{
}footer .widget_recent_comments ul li span.comment-author-link a:before{ content: '';}
.footer-widget ul li a,footer .widget_recent_comments ul li a ,footer .widget_recent_comments ul li span {
    color: #d7d7d7; 
    font-size:14px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.footer-widget ul li a:hover,
footer .widget_recent_comments ul li span:hover
{
    color: #FFF;
}
.footer-widget ol.social {
    display: inline-block;
    margin-top: 20px;
    padding: 0;
}
.footer-widget ol.social li {
    display: inline-block;
    margin: 0 5px 0 0; border:none;
}
.footer-widget ol.social a {
    color: #7a7a7a;
    font-size: 32px;
    display: inline-block;
}
.footer-widget ol.social a i {	
    background-repeat: no-repeat;
    background-position: center;
}
.footer-widget ol.social a:hover {
    color: #fff;
}
.footer-widget ol.social a .social_facebook_circle {
    color: #3b5998;
}
.footer-widget ol.social a .social_twitter_circle {
    color: #49c9f2;
}
.footer-widget ol.social a .social_pinterest_circle {
    color: #e00e0d;
}
.footer-widget ol.social a i:hover {
    color: #fff;
}
.footer-widget input[type='text'] {
    background-color: #e5e5e5;
    border: medium none;
    border-radius: 4px;
    color: #222222;
    padding: 7px;
    width: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='text']:focus {
    box-shadow: 1px 6px 2px rgba(99, 150, 176, 0.3) inset;
    outline: none;
}
.footer-widget input[type='submit'],
.sidebar input[type='submit'] {
    background-color: #457103;
    border: medium none;
    border-radius: 4px;
    color: #d7d7d7;
    padding: 7px 10px;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.footer-widget input[type='submit']:hover {
    background-color: #f4f4f4;
    color: #222222;
}
.footer-bottom {
    color: #e5e5e5;
    display: inline-block;
    margin-top: 0;
    padding: 17px 0;
    vertical-align: middle;
    width: 100%;
}
.footer-bottom p {
    color: #e5e5e5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.footer-bottom .terms {
    text-align: right;
}
.footer-bottom .footer-menu li{
    list-style:none;	
    float: left;
    margin-right: 10px;
}
.footer-bottom .footer-menu li:after{
    content:"|";
    margin-left:5px;
}
.footer-bottom .footer-menu li:last-child:after{
    content:"";
    margin-left:0px;
}
ul.footer-menu{
    float:right;
    margin: 0;
    padding: 0;
}
.footer-bottom .footer-menu li:last-child{
    margin-right: 0px;
}
.footer-bottom .footer-menu li a {
    color: #e5e5e5;

}
.footer-bottom .footer-menu li a:hover,  .footer-bottom .footer-menu li a:focus {
    color: #c7c7c7;
}
footer .footer-widget select { color:#000; padding:3px 0; margin-bottom: 20px;  margin-top: 5px;}
footer #wp-calendar caption,footer #wp-calendar tbody td a{  color: #f5f5f5; }
footer #wp-calendar tbody { color: #f5f5f5;}
footer #wp-calendar tbody td { background: none repeat scroll 0 0 #161616;  border: 1px solid #161616;}
footer #wp-calendar tbody .pad,footer #wp-calendar tbody td:hover { background: none repeat scroll 0 0 #161616; }

/************* Theme Details*******************************/
header.themepage {
    position: relative;
}
.slider_button{top:40%; width:auto;}


.fet-p{padding:55px 150px; font-size:14px; color:#212121;}

.our-feat .row_content h4
{
    font-size:20px; 
    font-weight:bold; 
    color:#2c2c2c; 
    font-family: 'Quicksand', sans-serif; 
    padding-top: 50px;
    padding-bottom: 20px; 
    margin:0;
}

.our-feat .img-circle{max-width:100%;box-shadow: 0 0 0 8px rgba(171, 171, 171, 0.38);background: #3c6302;}
.our-feat .row_content p{font-size:14px; color:#212121; font-family: 'Quicksand', sans-serif; line-height:24px; }

.title-main h2{  margin: 0 auto;    padding: 30px 0 0;   color:#238121; font-size:26px; font-weight:bold;font-family: 'Quicksand', sans-serif;}
.title-main h2 span{border-bottom: 2px solid #1f711d;  width: auto; text-transform:uppercase; display: inline-block;
                    padding: 0 15px 15px;}
.title-main p{line-height:24px;}
.section_row_1 .fet-p,
.section_row_1 .fet-p2
{
    padding-top:20px;
    padding-bottom: 60px;
    margin:0;
}
.blog{background:none;
}

.portfolio-bg
{
    margin:0px 0 0 0; 
    padding-top: 60px;
    padding-bottom: 60px;
}


.aligncenter 
{
    display:block;
    margin:1em auto
}

.alignleft
{
    display:inline;
    float:left;
    margin:1em;
}

.alignright
{
    display:inline;
    float:right;
    margin:1em;
}

.wp-caption
{
    height:auto;
    max-width:100%;
    text-align:center;
    background-color: rgb(35, 129, 33);
    padding: 6px ;
}

.wp-caption.alignnone{
    margin-top: 15px;
}
.wp-caption-text,.wp-caption-text a 
{ 
    color: #fff !important; 
    background-color: rgba(35, 129, 33, 0.7);  
    font-weight: bold;  
    margin: 0 auto !important;   
    padding: 10px 0 !important;  
    text-align: center !important;
}

.sticky {
    display:block;
}

.gallery-caption
{ 
    background: none repeat scroll 0 0 transparent; 
    color:#767676 !important;  
}

.bypostauthor > article:before
{
    margin:0 -2px 0 2px
}


.caption 
{
    background:rgba(0, 0, 0, 0.5);    
    color: #fff !important;    
    height: 100%;    
    padding: 2%;    
    position: absolute;    
    right: 0;
    text-align: center;    
    top: -100%;    
    width: 100%;
}


.caption a i 
{    
    background-color: #12bbd5;    
    color: #ffffff !important;    
    font-size: 30px;    
    padding: 10px;    
    position: absolute;         
    right: 43%;    
    top: 35%;
}


.thumbnail 
{    
    border: 0 none;    
    border-radius: 0;    
    margin-bottom: 0;    
    overflow: hidden;    
    padding: 0;    
    position: relative;
}

.thumbnail:hover .caption 
{    
    top: 0; 
    padding:0; 
    transition :0.2s; 
    -webkit-transition :0.2s;
}

.thumbnail:hover .caption a {background:url('images/hover-pf.png') repeat-x; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:42%; position:absolute;}
.thumbnail.active .caption a {background:url('images/hover-pf.png') no-repeat; display:block; width:100%; height:44px; line-height:44px; font-size:20px; color:#046402; font-weight:bold; top:45%; position:absolute;}
.box{margin-bottom:30px; border:1px solid #238121;}


.one_fourth {    width: 270px;}
.flickr{margin:0; padding:0;  display: inline-block;}
.flickr a.flickr-link{ display:block !important; padding:0 !important; border:1px solid transparent; }
.flickr li{    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border: medium none !important;    float: left;    list-style: none outside none;  margin: 0 6px 10px;   padding: 0 !important;}

.flickr li a:hover{padding:0 !important; display:block;}
.flickr img {    height: 70px;    width: 70px;}
ul li a.flickr-link:before{  padding-right:0; content:"" !important;}
.fancy_list_wrapper {    background-color: transparent;    border: 0 none;    overflow: visible;    position: relative;    text-align: left;}
.fancy_image {   margin-bottom: 10px; overflow: hidden;}

.fancy_list_item .fancy_image a img 
{
    -webkit-transition: all .4s linear;
    transition: all .2s linear;
}
.fancy_list_item:hover .fancy_image a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.fancy_list_item h3 {    margin-bottom: 0;}
.fancy_date, .fancy_categories {    display: block;    font-size: 11px;    text-transform: uppercase;}
.fancy_categories div a{
    display:inline-block;font-size: 13px; font-family: 'Quicksand', 
        sans-serif; padding: 0 0px 0 6px; text-transform:capitalize; color:#565656; line-height:22px;
}
.fancy_categories div a:last-child {    padding-right: 10px; }
.fancy_categories div a:hover{color:#457103;}
.testimonial-slide{text-align:center; float:left; width:100%;}
.item {width:100%; position:relative;}
.item img{display:inline-block !important; width:100%;}
.color{color:#8d8d8d;}
.fancy_categories .comment{color: #565656; font-family: 'Quicksand',sans-serif; font-size: 13px; line-height: 22px;  padding: 0 0 0 6px; text-transform: capitalize; }
.bg1{background:#161616; margin:0;}
.bg2{background:#282a2b; margin:0;}
.blog h2{padding:0px 0 0;}
.blog .fancy_image{width:100%;}
.blog .fancy_image a{display:block;}
.blog h3{font-size:20px; color:#000; font-family: 'Quicksand', sans-serif; padding:0 0 6px 0;}
.blog p{font-size:14px; color:#212121; line-height:22px; padding:15px 0 0px 0; margin:0;}
.fet-p2{padding:55px 150px;}
.blog p span{font-size:16px; color:#457103; font-weight:bold;}
.blog p span a{font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    color: #457103;
    border-bottom: 1px solid #457103;
    font-family: 'Quicksand', sans-serif; 
    float:left; 
    padding:0 10px 0 0px;
}
.blog p span a:hover{color:#333333;}
.gg_menu_bg { 
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-family: 'Quicksand', sans-serif;
}
.gg_menu_bg .col-md-6 {padding:0;}
.gg_menu {    padding:25px 0;}
.gg_menu h1 {    color: #2c2c2c;    float: left;  font-size:20px; font-weight:bold;   font-family: 'Quicksand', sans-serif; margin:0;}
.site-breadcumb {    background-color: transparent;    float:right;    margin: 15px 0 0 10px;    padding: 0;  margin:0;  text-transform: capitalize;}
.site-breadcumb li {    font-size: 15px; color:#767676 !important;   text-transform: uppercase;}
.site-breadcumb li a, .list-breadcumb li a {    color: #457103; font-size:14px;   text-transform: uppercase;}
.site-breadcumb > li + li:before {    color: #1e1e1e;    content:none !important;    font-size: 15px;    padding: 0 5px;}
.site-breadcumb li span{font-size:12px; padding:0 5px;}
.no-padding {    padding-left: 0;    padding-right: 0;}
.sidebar{background:#FFF; margin:35px 0;}
.blog-input {    height: 40px;    margin: 15px 0 40px;    position: relative; text-align:center;}
.input-txt {background-color: #fff;    border: 1px solid #e0e0e0;    border-radius: 0;    font-weight: bold;    padding: 7px 36px 7px 5px;
            position: relative;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;   width:100%; height:44px; line-height:44px; border-radius:5px; color: #457103;}
.input-btn {background-color: rgba(0, 0, 0, 0);    border: medium none;    color: #b5b5b5;    font-size: 16px;    line-height: 44px;
            position: absolute;    right:0; top:0;  }	

.blog-right h4 {    color: #000;  font-family: 'Quicksand', sans-serif; font-weight:600;  font-size: 18px; border-bottom:1px dashed #888888; padding-bottom:11px;}
.sidebar .left-sidebar ul li {    
    border-bottom: 1px dashed #e0e0e0;    
    padding: 0 0 10px 0px; list-style:none;
    margin-bottom: 10px;
}

.sidebar .left-sidebar ul li ul li:last-child {
    padding-bottom: 0;
    border-bottom: medium none;
}
.sidebar .left-sidebar ul li a:before {content: ""; font-size:11px; color:#457103; padding:0 10px 0 0;display: inline-block;
                                       font-family: 'Glyphicons Halflings';
                                       font-style: normal;
                                       font-weight: 400;
                                       line-height: 1;
                                       position: relative;
                                       top: 1px;
}
.sidebar .left-sidebar ul li a.flickr-link:before {content: "";  padding: 0;}
.sidebar .left-sidebar ul li a { color: #323232; font-family: 'Quicksand', sans-serif; display: inline;  font-size: 14px;    padding-left: 5px; text-transform: capitalize;}
.sidebar .left-sidebar ul li a:hover {    color: #457103;}
footer .footer-widget ul.children{  margin: 0 0 0 18px;}
.sidebar .left-sidebar ul li ul{border-top: 1px dashed #e0e0e0;
                                margin-left: 15px;
                                margin-top: 15px;
                                padding: 0;}
.sidebar .left-sidebar ul { padding:0; margin: 0;}
.widget_nav_menu .sub-menu li, footer .footer-widget ul.children li{ border-bottom: none; margin-bottom:0; padding:8px 0;}
.sidebar .left-sidebar {    padding:5px 12px;}
.left-sidebar select {
    margin-top: 5px;
    margin-bottom: 5px;
}
.widget_archive select,.widget_categories select{ width:100%; }
.tags {margin:0; padding:15px 0; }
.sidebar .tagcloud a {    background-color: #fff; font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #9b9b9b;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:1px 15px 1px;    border:1px solid #d6d6d6; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.sidebar .tagcloud a:hover { background:#457103; color:#FFF; border:1px solid #457103;}
.sidebar .tagcloud a{ font-family: 'Quicksand', sans-serif;  color: #9b9b9b;    cursor: pointer;  font-size:12px;    font-weight:500; font-size:14px;   line-height: 21px; }
.footer-widget .tagcloud a {font-family: 'Quicksand', sans-serif;   border-radius: 3px;    color: #d7d7d7;    cursor: pointer;    display: inline-block;    font-size:15px !important;    font-weight:500; font-size:14px;   line-height: 21px;    margin:0px 3px 5px 0px;    padding:5px 15px;    border:1px solid #457103; vertical-align: baseline; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.footer-widget .tagcloud a:hover {background:#fff; color: #457103; border:1px solid #d7d7d7; }
.blog-media {     padding-bottom: 12px;}
.pull-left { border:1px solid #888888;   float: left;}
.blog-media p {    color: #828282;  line-height:15px;  font-size: 12px; }
.media-body a {    color: #457103;   }
.blog-media span {    color: #457103;    font-size: 12px;}
.blog-media span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-media2 {     padding-bottom: 12px; text-align:center;}
.pull-left2 { border:1px solid #888888;   float: none;}
.blog-media2 p { color: #828282;    font-size: 12px;    line-height:20px;    padding:14px 10px 0 10px;    text-align: left;}
.media-body2 a {    color: #457103;   }
.blog-media2 span {    color: #457103;    font-size: 12px;}
.blog-media2 span:hover {    color: #000;    transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;}
.blog-main h3 a{font-size:20px; color:#2c2c2c; font-family: 'Quicksand', sans-serif; font-weight:bold; }
.blog-main p{color: #212121;    font-size: 14px;    line-height: 22px;    margin: 0;    padding: 15px 0 0; text-align: justify;}
.blog-main p span{	color: #457103;    font-size: 16px;    font-weight: bold;}
.blog-main p span a {    color: #457103;    float: left; font-family: 'Quicksand', sans-serif;   font-size: 16px;    padding: 0 10px 0 0;}
.blog-main p span a:hover {color:#333;}
.pagination { width:100%;  margin: 48px 0 20px;}
.pagination .page-numbers { border: 1px solid #c9c9c9;
                            border-radius: 0;
                            color: #457103;
                            display: inline-block;
                            font-size: 15px;
                            margin-bottom: 5px;
                            padding: 5px 12px;
                            transition: all 0.5s ease-in-out 0s;
                            -webkit-transition: all 0.5s ease-in-out 0s;
}
.pagination a:hover{
    background-color: #eee;
    border: 1px solid #457103;
}

.pagination ul,.pagination .nav-links{float:right;}
.pagination h2.screen-reader-text{ display:none;}
.pagination ul li { padding :0px;}
.pagination ul li a{color:#457103;border-radius: 0;}
.pagination ul li.active a,.pagination .nav-links .current{background:#457103 !important; color:#fff ; border: 1px solid #457103;}
.pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > .active > a:hover, .pagination ul > .active > span:hover, .pagination ul > .active > a:focus, .pagination ul > .active > span:focus{background:#457103; border:1px solid #457103;}

.blog-left-page
{
    
padding:20px; 
background:#FFF; 
border-left:30px solid #f0f0f0; 
margin:35px 0;
}


.blog-right-page
{
    padding:20px; 
    background:#FFF; 
    margin:35px 0;
}

.blog_1{border-bottom: 1px solid #f0f0f0;    padding: 0 0 15px; margin-bottom:20px;}
.blog_1.first{padding:0px 0 20px 0;}
.full-width{background:#FFF; border-left:0px solid #f0f0f0;}
input[type=text], input[type=email], input[type=number], input[type=password], input[type=file], input[type=reset], textarea {
    margin: 10px 0;
	display: inline-block;
    width: 100%;
	font-size:14px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #e1e1e1;
    box-shadow: inherit;
}
input:focus, textarea:focus {
    outline: none;
    border-bottom: 1px solid #238121;
}
input:focus, textarea:focus, .meta-nav-next:hover, .meta-nav-prev:hover, .reply a:hover, .reply a:focus, .reply a:active, input[type=submit]:hover, .footer {
    border-color: #238121;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    font-family: Quicksand;
    font-weight: 500;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    min-width: 100px;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 0px;
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    transition: 0.3s all ease-in-out;
	background: #238121;
    outline: 0;
}
input[type='submit']:hover{
	color: #238121;
    border-color: #238121;
	background: transparent;
}
.comments {    margin: 25px 0 0;}
.comments h2 {    color: #2e2e2e; font-family: 'Quicksand', sans-serif; font-size: 30px; margin-bottom: 25px; margin-top: 10px; text-transform: capitalize;}
.comments-box {    border: 1px solid #dddddd;    margin-bottom: 22px;    padding:22px;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box .color_txt {    float: right;    font-size: 12px;  color:#767676;  text-transform: uppercase; margin:0px;}
.comments-box .color_txt a{color:#767676;  font-family: 'Quicksand', sans-serif;}
.comments-box .color_txt a:hover{color:#457103;}
.color_txt {    color: #12bbd5;}
.media-heading {    margin: 0 0 5px;}
.comment-media h4 a {    color: #212121;    font-size: 14px;    text-transform: capitalize;}
.media-body a {    color: #12bbd5;    text-transform: capitalize;}
.comments-box p {    color: #212121;    font-size: 12px !important;    padding: 20px 0 0 5px;    text-transform: capitalize;}
.radus{border:0px;}
.radus img{border-radius:4px;}
.coment1{padding:0 5px; color:#238121;}
.coment1 a{padding:0 0px 0 5px;}
.comment-reply-link:before {  display: inline-block;
                              font-family: 'Glyphicons Halflings';
                              font-style: normal;
                              font-weight: 400;
                              line-height: 1;
                              position: relative;
                              top: 1px; 
                              content: "";
                              right:5px;
                              color: #238121;
}
.cl-img{text-align:center;}
.cl-img h3{font-size:18px; font-weight:bold; color:#1e1e1e; font-family: 'Quicksand', sans-serif; margin:0; padding:22px 0 0px 0;}

p.comment-form-comment label {width:100%;}
.comments h2 ,.comment-respond h3.comment-reply-title { color: #2e2e2e;    font-size:20px; font-weight:bold; padding-bottom:5px;   margin-bottom: 0px; margin-top: 10px; text-transform: capitalize;}
.comments p {color: #212121;    font-size: 13px; margin-bottom:25px;}
.reply-name > input,p.comment-form-author input,
p.comment-form-email input,p.comment-form-url input
{    background-color: #f6f6f6;    border: 1px solid #dadada;    border-radius: 0; color: #2e2e2e; padding:5px 10px;  width: 50%; border-radius:5px;}
.reply-name > input[placeholder] {    color: #2e2e2e;}
.inp-lft {   margin-left: 25px;}
.reply-name > textarea ,p.comment-form-comment textarea{    background-color: #f6f6f6; border: 1px solid #dadada; border-radius: 0; margin:0;  padding:5px 10px; width:100%; border-radius:5px; resize: vertical;}
.reply-name input[type="submit"], .comment-respond p.form-submit input[type="submit"] {background-color: #238121;    border: 0 none;    border-radius: 0;    color: #fff;    font-size: 16px;
                                                                                       padding: 5px 25px;  border-radius:5px;  width:auto; font-weight:bold;}
form.comment-form p.form-allowed-tags { display:none;}	
.media.comment-media.reply {   margin: 0 0 0 90px; }
.row_img {   margin: 0 auto;   width: 60%; }

.img-circle 
{  
    border: 0px solid #3c6302; 
    /* margin: 10px 0 ; 
    transition: all 0.1s ease-in-out 0.1s; */
}

/* calendar widget */
.widget_calendar {font-family: 'Quicksand', sans-serif; font-size:16px;}
#wp-calendar {width: 100%; border:none;}
#wp-calendar caption { 
    text-align: right; 
    color: #333; 
    font-family: 'Quicksand', sans-serif;
    font-size: 16px; 
    padding: 0 15px 10px;
}
#wp-calendar thead { font-size: 16px; }
#wp-calendar thead th { padding-bottom: 10px; text-align:center;font-family: 'Quicksand', sans-serif; font-size:16px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {font-family: 'Quicksand', sans-serif; background: #f5f5f5; border: 1px solid #fff; text-align: center;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next,#wp-calendar tfoot #next a{ font-family: 'Quicksand', sans-serif; font-size: 16px; text-transform: uppercase; text-align: right; color: #457103;}
#wp-calendar tfoot #prev, #wp-calendar tfoot #prev a { font-family: 'Quicksand', sans-serif; font-size: 16px; text-align: left; text-transform: uppercase; padding-top: 10px; color: #457103;}
#wp-calendar #today {color: #457103; font-family: 'Quicksand', sans-serif;
                     font-size: 17px; font-weight:bold;}
#wp-calendar tfoot td, #wp-calendar thead th{border:none;}
.banner { position: relative;  width: 100%; }
#slider-carousel{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.carousel-control.slider_button {
    bottom: auto;
    opacity: 1;
    top: 40%;
    width: auto;
    background-image:none;
    font-size: 30px;
    font-weight: bold;
    margin: 0 10px;
    opacity: 0.5;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    display: none;
}
#slider-carousel:hover .carousel-control.slider_button{
    opacity: 0.9;
    outline: 0 none;
    text-decoration: none;  
    display: block;
}
.garden-slider a:hover .carousel-control.slider_button {opacity: 1; }
p.comment-form-author , p.comment-form-email,p.comment-form-url { width:32%; float:left; margin-right:15px;}
p.comment-form-url { margin-right:0;}
p.comment-form-author label,p.comment-form-email label,p.comment-form-url label { width:100%;}
p.comment-form-author input,p.comment-form-email input,p.comment-form-url input {  width:100%;} 
.border-top { border-top: 2px solid #238121;   margin-top: 10px; }
.sidebar li.recentcomments span.comment-author-link  {color: #323232;
                                                      display: inline;
                                                      font-family: 'Quicksand', sans-serif;
                                                      font-size: 14px;
                                                      padding-left: 5px;
                                                      text-transform: capitalize;}
.pagination ul li a:hover, a.select, .pagination ul .active a { border: 1px solid #457103; }
.footer-widget b, .footer-widget strong { color:#FFFFFF; }
.footer-widget p { color:#FFFFFF; font-size: 14px;}
.footer-widget p.wp-caption-text { color:#000000; }
.copyright-text a, .copyright-text{ color:#fff; }
.copyright-text a:hover { text-decoration: underline;}
.comments-box li{
    list-style: none;
}
.comments-box .comment-author.vcard{
    width: 100%;
    margin-bottom: 15px;
}
.comments-box .comment-author img{
    margin: 0 12px 0 0;
}
.comments-box footer{
    background: none;
    border: none;
}
.comments-box .reply {
    display: inline-block;
    width: 100%;
}
.comments-box .comment-body {
    border: 1px solid #d7d7d7;
    margin-bottom: 7px;
    padding: 15px;
    overflow: hidden;
}
.comments-box p{
    padding: 10px 0 0;
    margin-bottom: 10px;
}
table,
th,
td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
    text-align:center;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;   
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
}
.gallery {
    margin-bottom: 1.6842em;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.pagination_single {
    display: inline-block;
    width: 100%;
}
.pagination_single .gardenia_previous_pagination , .pagination_single .gardenia_next_pagination {
    margin:0;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width:12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width:11.1%;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none;
}

a {
    color: #212121;
}
a:hover, a:focus {
    text-decoration: none
}
.animate1 {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.sprite {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: inline;
    position: relative;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}

.flickr-link {
    line-height: 0;
}
.col-md-6.col-sm-6.copyright-text > a {
    text-decoration: none;
}
.col-md-6.col-sm-6.copyright-text > a:hover{
	color:#238121;
}
.logo p{
	padding: 0px;
}


/* media css */

@media(max-width:1200px) {
    .gardenia-container { padding-left: 15px;	padding-right: 15px; }
    p.comment-form-author, p.comment-form-email, p.comment-form-url { margin-right:8px;}
    p.comment-form-url { margin-right:0}
   .gg-nav { position:absolute; right:0;}
   .gg-menu { margin:24px auto;}
    .logo { padding:0 15px;}
}

@media screen and (max-width: 991px) {
     .logo { padding:0 15px;}
     /*.blog-left-page { border-left: 0px solid #f0f0f0;	 }
   .blog-right-page { border-right: 0px solid #f0f0f0;	 }*/

    /*.gg-menu li{margin:0 1px;}	*/
    .service-pack .featured { margin: 30px -1px 0px; }	
}
@media (min-width: 768px) and (max-width: 992px){
    .circle-box:nth-child(2n+3){
        clear: both;
    }
    .logo { padding:0;}
    
}

@media (max-width:768px) {      
      .logo {    margin:35px 0 0;}

     .our-feat .row_content p{
         width:85%;
         display:block;
         margin:0 auto;
         text-align:justify;
     }
    .gg-nav { position:relative; }
    .gallery-caption {
        font-size:12px;
    }
    .gg_menu_bg { 
        background: none repeat scroll 0 0 #f8f8f8; 
    }
    .circle-box{
        margin-bottom: 15px;
    } 
    .gg-menu ul ul { 
        float:none;
    }
    
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}			
    .home-top-content h1 {
        font-size: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .home-top-content h5 {
        margin: 10px auto 40px;
    }
    .theme-package img {
        max-width: 120px;
    }
    .theme-package .theme-package-details,  .theme-package .theme-package-details p {
        text-align: center;
        padding-top: 20px;
    }
    .theme-features h2,  .section-content h1 {
        width: 80%;
    }
    .footer-widget h2 {
        margin: 40px 0 15px;
    }
    .theme-details .features-box {
        border-bottom: 4px double #ddd;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .theme-details .features-box ul li {
        margin: 0px;
        width: 100%;
        padding: 0px 15px;
    }
    .theme-details .theme-image {
        float: none;
        margin: 0 auto 20px;
        text-align: center;
        width: 92%;
    }    
    .gardenia-comments .comment-field,  .profile .form-group,  .themesetup .form-group {
        width: 100%;
    }
    .service-box,  .services-box-details,  .customize-btn,  .customize-header-titel {
        text-align: center;
    }
    .services-box-icon {
        margin: 0 auto;
    }
    .customize-header-titel .icon-customize {
        display: 
        ;
        margin: 0 auto;
        max-width: 40px;
        padding: 30px 22px;
    }
    .td-date,  .td-tid,  .td-invoice,  .invoices-body .td-action {
        padding: 10px 5px;
    }
    .paypal_email .form-group label {
        width: 30%;
    }
    .paypal_email .form-group .form-control {
        width: 69%;
    }
    .paypal_email .form-group p {
        padding-left: 30%;
    }
    footer .bg1 { padding: 0; }

}
@media (max-width: 767px) {
    .carousel-inner .item .effect-hover{display: none;}
    .gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a{color: #ffffff;}
    .logo{text-align: center;}
    
    .logo .img-responsive
    {
        /* display: inline-block; */
    }

    .theme-menu{
        display: inline-block;
        width: 100%;        
    }
    .gg-nav {   position: relative; }
    .navbar-collapse.gg-navbar.main-menu.collapse.in {
        max-height: 100%;
        overflow: hidden;
    }
    ul.gg-menu > li.current_page_item > a {
        border-top:none;
        border-bottom:none;
    }   
    /* nav-wrap */
    .gg-menu ul li:last-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover{
        border-bottom:none;
    }
    .gg-menu ul li:first-child > a ,.gg-menu ul a,.gg-menu > li:hover > a,.gg-menu ul a:hover, .gg-menu ul li:first-child > a:hover{
        border-top:none;
    } 
    .gg-menu ul a:hover, .gg-menu ul a:focus {
        color: #05fa00;
    }
    .gg-menu ul a {
        width:auto;
        color: #ffffff;
    }
    #menu-wrap {
        position: relative;
    }
    .gardenia-navbar {
        position: absolute;
    }
    #menu-wrap * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .footer-bottom .terms {
        display: inline-block;
        margin: 13px 0 0;
        text-align: center;
    }
    ul.footer-menu {
        float: none;
        margin: 0;
        padding: 0;
    }
    /* main nav */
    .gg-menu {
        background-color:#238121;
        border-radius: 8px;
        box-shadow: -1px 0 5px #1e2d36;
        margin: 0 auto 10px;
        padding: 10px;
        position: relative;
        width: 99%;
        z-index: 1;
    }
    .gg-menu ul {
        position: static;
        visibility: visible;
        opacity: 1;
        margin: 0;
        border: none;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu ul ul {
        margin: 0 0 0 10px !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu li {       
        float: none;
        border: 0;
        margin: 5px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu > li > a {
        border: none; color:#fff;
    }
    .gg-menu > li:hover > a, .gg-menu ul a:hover, ul.gg-menu > li.current-menu-item > a, ul.gg-menu > li.current_page_item > a, 
    .gg-menu ul.sub-menu li.current_page_item > a{
        color: #ccc;
        border: none;
    }
	.gg-menu > li > a:before{
		display:none;
	}
    .gg-menu ul li {
        margin-left: 20px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .gg-menu a {
        display: block;
        float: none;
        padding: 0;
        color: #999;
        width: 100%;
    }
    .gg-menu a:hover {
        color: #fafafa;
    }
    .gg-menu ul a:hover {
        background: none;
    }
    .gg-menu ul li a:hover{
        border: none;
    }

    .left-head {
        display: inline-block;
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    .phone, .mail{display: inline-block;
                  float: none;
                  text-align: center; 
              }	
    .right-head ol.social{
        float: none;
    }
    .fancy_image {
        margin-top: 10px;
    }
    .section_row_1 .fet-p2 {
        padding: 30px 20px;
    }
    .section_row_1 .fet-p, .section_row_1 .fet-p2 {
        padding-top: 20px;
        padding-bottom: 60px;
        text-align:justify;
    }
   
    .gg_menu h1,.site-breadcumb{
        float: none;
        text-align: center;
    }
   
    .footer-bottom{
        text-align: center;
    } 
 .gg_menu h1 {
    	margin: 10px auto;
	}   
  .gg_menu {
	padding:16px 0;
  }
  p.comment-form-author, p.comment-form-email, p.comment-form-url {
       margin-right: 13px;
  }
   
}

@media screen and (max-width: 685px) {
	.blog-right-page,.blog-left-page {
		border:0;
	}
}
@media screen and (max-width: 600px) {

    .callbacks_nav { top: 40% ;}	
    .blog-right-page,.blog-left-page {border:0; }
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}			
    .logo {
        text-align: center;
    }
    .home-top-content h1 {
        font-size: 26px;
    }
    .gardenia-home-bg1,  .theme-package {
        background-size: inherit;
    }
    .gardenia-home-bg1 {
        background-position: 60%;
    }
    .theme-features h2,  .section-content h1 {
        width: 80%;
        font-size: 26px;
    }
    .theme-package .theme-package-details h2 {
        font-size: 20px;
    }
    .section-guarantee {
        text-align: center;
        padding: 10px 15px;
    }
    .section-guarantee img {
        float: none;
        padding-top: 10px;
        margin: 0px;
        max-width: 80px;
    }
    .section-guarantee p {
        padding-top: 10px;
    }
    .profile .file-upload input[type="text"] {
        width: 72%;
    }
    .invoices-comments .gardenia-comments-titel {
        text-align: center;
    }
    .invoices-comments .gardenia-comments-titel span {
        width: 100%;
        display: table;
        padding: 0px 0px 10px 0px;
    }
}

@media screen and (max-width: 568px) {
    embed,iframe {
        width: 100%;
    }

    .gardenia-tab .nav-tabs li a,  .gardenia-tab .nav-tabs li.active a {
        font-size: 18px;
        border-right: 1px solid #c5c5c5;
    }
    .gardenia-tab .nav-tabs {
        display: inherit;
    }
    .gardenia-tab .nav-tabs li {
        width: 100%;
    }
     		
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}
    p.comment-form-author, p.comment-form-email, p.comment-form-url {
        width:100%;
    }
}

@media screen and (max-width: 480px) {
    .gallery-columns-5 .gallery-caption{ display:none ;}
    .site-breadcumb li {font-size:14px; }
   
    .callbacks_nav { top: 30%;}
      
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}		
    .exclusive-theme-hover h2 {
        font-size: 24px;
    }
    .exclusive-theme-hover h3 {
        font-size: 18px;
    }
    .gardenia-comments .comment-author,  .gardenia-comments .comment-author-name {
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
    }
    .gardenia-comments .comment-content {
        width: 100%;
    }
    .blogs .post-box-link li {
        display: block;
        margin: 2px 0px;
    }
    .td-date,  .td-tid,  .td-invoice,  .td-action {
        padding: 10px 2px;
        font-size: 12px;
    }
    .file-upload input[type="text"] {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    .file-upload input[type="submit"] {
        margin-top: 10px;
    }
    .support a {
        margin-bottom: 10px;
    }
    .profile .file-upload input[type="text"] {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .carousel-control.slider_button { top: 34%;}
  
    .comments ul.children {padding-left:20px; }	   
    #recentcomments li{text-align:left;}
    .one_fourth{width:auto;}		
    .home-top-content h1 {
        font-size: 17px;
    }
    .gardenia-home-top {
        height: 740px;
    }
    .exclusive-theme-hover .theme-tag p.details {
        display: none;
    }
    .gardenia-home-bg1 {
        height: 740px;
    }	
    .dashboard-content .invoices,  .dashboard-content {
        float: left;
        display: block;
        width: 100%;
    }
    .invoices-body .td-invoice {
        font-size: 9px;
        padding: 12px 1px;
    }
    .invoices-comments .gardenia-comments .comment-author-name a {
        font-weight: normal;
        margin-right: 10px;
    }
    .affiliates .form-group label,  .affiliates .form-group .form-control,  .paypal_email .form-group label,  .paypal_email .form-group .form-control {
        width: 100%;
    }	
    .fet-p {
        color: #212121;
        font-size: 14px;
        padding: 55px 11px;
    }
    .fet-p2 {
        color: #212121;
        font-size: 14px;
      
    }	
    .logo {   
        padding: 0 10px;
    }
    .title-main h2 span { 
        padding:0 15px 15px;
    }
    .gg_menu h1 , .site-breadcumb {
        float:none;
    }
    .gg_menu {
        padding: 17px 0;
        text-align: center;
    }

}

@media screen and (max-width: 320px) {	
     .flickr li {margin:0 5px 10px; }	
     .copyright-text { font-size:13px;}
    .carousel-control.slider_button { top: 30%;}    
    .btn-features-style-1,  .btn-features-color,  .btn-features { font-size: 10px; }
    .title-main h2{font-size:18px;}   

}