/*
Theme Name: Pet Shop Pro
Theme URI: https://www.themescaliber.com/themes/premium-animal-pet-wordpress-theme
Author: Themescaliber
Author URI: https://themescaliber.com
Description: Pet Shop Theme is a responsive multi-purpose WordPress theme.This theme is responsive and compatible with the latest version of WordPress. This theme is one of the best themes for all kind of industries.This theme comes with latest features and unique typography options.This theme comes with ready translation. pet-shop-pro Theme is cross browser compatible and performs well with any browser.This theme is very easy to use for non-coders also. This theme has an ultimate design with best options to make it unique from others. Check demo at:
https://themescaliber.com/pet-animal-store/
Version: 1.1
License: GNU General Public License
License URI: license.txt
Text Domain: pet-shop-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,blog

Pet Shop WordPress Theme has been created by Themescaliber(themescaliber.com), 2017.
Pet Shop WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{ 
  margin:0; 
  padding:0; 
  outline:none;
}

body{ 
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative;
  color:#5b5b5b; 
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  overflow-x: hidden;
}

img{ 
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
}

p{ 
  margin:0 0 15px; 
  padding:0;
  font-size:14px; 
  line-height:normal; 
  font-weight:normal;
}

a{ 
  text-decoration:none; 
  color:#70b908;
}

a:hover{ 
  text-decoration:none; 
  color:#666;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
li { 
  padding:6px 0;
}

:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

small{
  font-size:14px !important;
}

input[type="text"],
input[type="tel"],
input[type="phno"],
textarea,
input[type="date"],
input[type="number"],
select,
.woocommerce-Input,
.woocommerce-Input--password input-text{
  border:1px solid #bcbcbc; 
  font-size:14px;
  padding:4px 10px; 
  height:auto;
}

textarea{
  height:130px;
}
section {
  padding: 50px 0;
}

input[type="submit"] {
  border:2px solid #70b908;
  background:#fff;
  padding:7px 30px;
  font-weight:bold;
  color:#70b908;
}
input[type="submit"]:hover{
  background:#70b908;
  color:#fff;
}
section h2 {
  letter-spacing: 2px;
}
.clear{ 
  clear:both;
}
.center{ 
  text-align:center; 
  margin-bottom:40px;
}
.middle-align{ 
  margin:0 auto; 
  padding:20px 0 20px;
}
.wp-caption{ 
  margin:0; 
  padding:10px; 
  font-size:13px; 
  max-width:100%;
}
.wp-caption-text{ 
  margin:0; 
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.gallery-caption{ 
  margin:0; 
  padding:0;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  border:1px solid #bbb; 
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  border:1px solid #bbb; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
.bypostauthor{ 
  margin:0; 
  padding:0;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
.rsswidget{
  color:#fff;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: auto;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #70b908;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #70b908;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.plans-box .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #001e44;
  border-radius:8px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#gallery .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d3da36;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: #fff !important;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0; 
  font-weight:bold;
}
a.button{ 
  border: 2px solid #70b908 ; 
  background:#70b908;
  color: #fff;
  font-size: 12px;
  margin: 20px 0 0;
  padding: 4px 13px;
  text-transform: uppercase;
}
/*------------------ Image Hover -----------------*/
.view {
  width: 100%;
  /*height: 100%; */
  margin: 0;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask, .view .content { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  overflow: hidden; 
  top: 0; 
  left: 0;
}
.view img {
  display: block;
  position: relative;
  width:100%;
}
.view a.info {
  background:url('images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:30px; 
  height:30px;
  margin-top:30%;
}
.second-effect .mask {
  overflow:visible;
  border:0px solid #18304c; 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}
.second-effect a.info {
  position:relative; 
  opacity:0; 
  transform:scale(0,0); 
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1; 
  background:rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
/*---------------------------mega menu------------------------- */
.navbar-nav{
  float: left;
  margin-left: 25%;
}
.sub-menu li a {
    color: #fff;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.navbar-default .navbar-nav>li>a {
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
  color: #FFF;
  padding:0;
  font-size: 14px;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #bcfe63;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
  color: #FFF;
  background-color: transparent;
}
.navbar-default{
  background-color: transparent;
  border-color: transparent;
}
.mega-dropdown {
  position: static !important;
}
i.fa.fa-sort-desc {
    margin: 0 0 0 4px;
    font-size: 19px;
}
li.dropdown.mega-dropdown {
    padding: 0 4px 0 12px;
}
.navbar-nav>li>a {
    padding-top: 10px !important;
    padding-bottom: 15px;
}
.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-widgettitle {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}
.mega-dropdown-menu form {
  margin: 3px 2px;
}
.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
.mega-dropdown-menu  div#calendar_wrap,
.mega-dropdown-menu  caption
.mega-dropdown-menu  div{
  padding:0;
  color: #FFF;
}
.mega-dropdown-menu > div >li{
  float:left;
  width:33%;
}
#header .nav .mega-dropdown-menu{
  height:auto;
  padding: 2%;
  margin: 0px;
}
#topbar-sec .mail_div,#topbar-sec .call_div,#topbar-sec .social_icon{
	margin-top:23px;
}
#header .nav .mega-dropdown-menu > div >li{
  float:left;
  width:34%;
  display: inline;
  position: initial;
}
.mega-dropdown-menu > div >li:nth-child(even){
  clear:right;
}
#header .nav .mega-dropdown-menu li > ul {
  display: block;
  width: 200px;
  position: inherit;
  text-align: left;
  padding: 0;
  float: left;
  margin:0;
}

#header .navbar-default .navbar-nav .sub-menu ul li a{
  padding: 7px 0px;
}

#header .navbar-default .navbar-nav .sub-menu ul li{
  display:block;
}
a.custom-logo-link img {
    padding: 20px 0;
}
#header .nav .mega-dropdown-menu li:hover > ul {
  background: transparent;
  position: inherit;
  padding: 0;
  margin: 0;
}

li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
li#archives-3 h2 {
  padding: 0 0 0 26px;
}
div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    background: #113665;
    border: 1px solid #fff;
}
h2.widgettitle {
    color: #fff;
    margin-left: 4%;
    border-bottom: solid 2px #bcfe63;
    display: inline-table;
    margin-bottom: 3%;
    font-size: 23px;
}
.navbar-default .navbar-toggle{
     width: 100% !important;
    color: #fff !important;
    background: url(images/responsive_menu.png) no-repeat right center #3890cb !important;
    padding: 10px !important;
    margin: 0 !important;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0 !important;
}

.navbar-default .navbar-toggle {
    border-color: currentColor;
}
.navbar-collapse.in {
    overflow-y: inherit;
}
.navbar-nav .open .dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}
ul.dropdown-menu.mega-dropdown-menu.row {
    border: 2px solid #fff;
}
ul.dropdown-menu.mega-dropdown-menu.row:hover {
    border: 2px solid #bcfe63;
}
.navbar-default .navbar-collapse{
  padding:0;
  border-top: transparent;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0);
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
  text-align: left;
  font-size: 18px;
  border-bottom: solid 2px #bcfe63;
  margin-bottom: 3%;
}
.mob_search_btn i{
  display: none;
}
/* --------------------------HEADER---------------------------- */
/** top bar **/
#topbar-sec{
  background-color: #141a28;
  padding-bottom: 30px;
}
#topbar-sec i,
#topbar-sec p{
  color: #fff;
  cursor: pointer;
}
#topbar-sec p:hover,
#topbar-sec p:focus{
  color: #70b908;
}
.call_detail,
.mail_detail{
  padding-top: 15px;
  padding-left: 45px;
}
.call_icon,
.mail_icon{
  float: left;
}
#topbar-sec .mail_detail p:first-child, #topbar-sec .call_detail p:first-child {
  font-size: 12px;
}
.call_icon i,
.mail_icon i{
  font-size: 35px;
  padding-top: 20px;
  transform: rotate(-30deg);
}
.call_detail p,
.mail_detail p{
  margin: 0;
  font-size: 14px;
}
.social_icon {
  text-align: right;
}
#topbar-sec .social_icon i{
  font-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  padding-top: 10px;
  margin: 13px 1px 0 0;
  border: 1px solid #fff;
}
#topbar-sec .social_icon i:hover,
#topbar-sec .social_icon i:focus{
  border: 1px solid #70b908;
  background-color: #70b908;
}
.navbar_menu{
  background: #70b908;
  position: relative;
  top: -40px;
}
.navbar_icon i.fa{
  font-size: 20px;
  color: #fff;
  padding: 22px 15px;
  cursor: pointer;
}
.display{
  display: none;
}
.navbar_icon i.fa:hover,
.navbar_icon i.fa:focus,
.navbar_icon i.fa:active{
  color: #141a28;
}
.appointment_div i.fa{
  font-size: 30px;
  color: #70b908;
  float: left;
  line-height: 60px;
  margin-left: 5px;
}
.appointment_div{
  background-color: #fff;
}
.appointment_div p{
  padding: 15px 0 21px 40px;
  font-size: 12px;
  margin: 0;
}
#search-form{
  position: absolute;
  z-index: 999;
  right: 0;
  background: #141a28;
  width: 36%;
  text-align: center;
  right: 25.5%;
  top: 200px;
  padding: 12px 0 0 0;  
  display: none;
}
#search-form input{
  width: 300px;
  border: 1px solid #000;
  padding: 12px 10px;
}
#search-form .search-btn{
  border: none;
  background: none;
  padding: 10px 15px !important
}
#search-form .search-btn i.fa{
  font-size: 20px;
}
#search-form::after{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #141a28;
  position: relative;
  top: -98px;
  left: 31%;
}
#search-form #search-btn{
  background: #70b908;
  padding: 10px 20px;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: 4px;
  border: 0;
  left: -15px;
  cursor: pointer;
}
#search-form #search-btn:hover,
#search-form #search-btn:focus,
#search-form #search-btn:active{
  color: #141a28;
}
.cart_no{
  position: absolute;
  background: #fff;
  padding: 5px 10px;
  top: -20px;
  right: 20px;
}
.cart_no a{
  color: #000;
  font-weight: bold;
}
.cart_no:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #fff;
  position: absolute;
  top: 25px;
  right: 10px;
}

#header.fixed{
  position:fixed !important; 
  top:0 !important; 
  margin:0; 
  padding:15px 0; 
  z-index:99999999; 
  background-color:#ffffff; 
  opacity:inherit;
}
#header .logo{
  margin:0; 
  padding: 24px 0; 
  text-align:center;
}
#header .logo h1{ 
  font-weight:700; 
  text-transform:uppercase; 
  padding:0; 
  margin-bottom:8px; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
  text-align:center;
}
#header .logo a{ 
  color:#ffffff;
}
#header .logo p{ 
  font-size:12px;
  color: #fff;
}
.home #header{
  width:100%; 
  z-index: 999;
  height:auto;
  position:absolute;
  background:none;
  border:none;
}
#header .header-top{
  background:#000;
  color:#aaaaaa;
}
#header .header-top a{
  color:#aaaaaa;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
    clear: both;
}
#header .top-contact .call{
  background:url('images/phone1.png') no-repeat; 
  padding:1px 0 1px 30px;
  margin-right:15px;
}
#header .top-contact .email{
  background:url('images/email1.png') no-repeat; 
  padding:0 0 0 30px;
}
#header .social-media{
  padding:12px 0; 
  text-align:center;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
#header .social-media a:hover{
  color:#3890cb;
}
.buttonbox a{
  background:#3890cb;
  color:#fff;
  padding:8px 15px;
  display:block;
  margin:27px 0 0 0;
  border-radius:5px;
  text-align:center;
}
.buttonbox a:hover{
  background:#000;
  color:#fff;
}
#header .nav{ 
  margin:5px 0 0 0; 
  padding:0; 
  text-align:left;
}
#header .nav ul {
  margin:0; 
  padding: 10px 0;
  font-weight:400; 
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
}
#header .nav ul li{ 
  display:inline-block; 
  margin:0; 
  position:relative;
}
#header .nav ul li a{ 
  color:#ffffff; 
  padding:10px; 
  display:block;
}
#header .nav ul li a:hover{
  color:#bcfe63;
}
#header .nav ul li a:active{
  color:#3890cb;
}
#header .nav ul li.current_page_item{
  color:#bcfe63;
}
/*------------------ pet supplies section ---------------*/
#Pet_supplies .pet_product a.button:hover{
  color:#fff;
  background-color: #6fb907;
  border: 1px solid #6fb907;
}
#Pet_supplies .pet_product a.button{
  border: 1px solid #1c1c1c;
  background: #efefef;
  color: #1c1c1c;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 43px;
  padding: 9px 20px;
}
#Pet_supplies{
  text-align: center;
  background-size: 100% 100%;
}
#sec_title{
  text-align: center;
  margin-bottom: 20px;
}
#Pet_supplies .tab-list{
  margin-left: 25%;
}
.nav-tabs .nav-item{
  margin-bottom: -1px;
  float: left;
  list-style: none;
}
.nav-tabs a.nav-link{
  border: 1px solid #d1d1d1;
  margin-right: 20px;
  position: relative;
  z-index: 1;  
  background: #fff;
  color: #333;
}
.nav-tabs a.nav-link:hover{
  border: 1px solid #70b908;
  color: #70b908;
  font-weight: bold;
}
.nav-tabs .nav-link.active{
  border-radius: 0;
  color: #70b908;
  border: 2px solid #70b908;
}
.nav-item:before{
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 40%;
  left: 28%;
}
#Pet_supplies .nav-tabs{
  border-bottom: none;
}
#Pet_supplies .carousel-item{
  padding: 0 38px;
  margin: 0;
}
#Pet_supplies .pet_product .inner-box{
  background: #eee;
  padding: 15px;
}
#Pet_supplies .nav-icon i.fa{
  background: #70b908;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding:13px 0px 0px 3px;
  font-size:11px;
}
#Pet_supplies .nav-icon i.fa-chevron-left{
  padding-right: 5px;
}
#Pet_supplies .nav-icon i.fa-chevron-right{
  padding-left: 5px;
}
#Pet_supplies .tab-content{
  padding-top: 30px;
}
#Pet_supplies .nav-icon{
  position: absolute;
  top: 40%;
  padding: 0;
}
#Pet_supplies .green_bullet{
  z-index: 999;
  position: relative;
}
#Pet_supplies .nav-icon i.fa:hover{
  background-color: #141a28;
}
.inner{
  padding:2% 0;
}
#footer_text a{
  color:#fff;
}
#footer form.wpcf7-form label{
  color:#fff;
}
#footer_text p{
  color: rgb(255,255,255);
  font-size:14px;
}
#footer .textwidget p i {
  color: #fff;
  font-size: 14px;
  height: 35px;
  width: 35px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 10px 11px;
  margin: 0 5px 5px 0;
}
#footer .textwidget p i:hover{
  background: #70b908;
  border: 1px solid #70b908;
}
.tab-prod-btn a{
  background: #70b908;
  padding: 8px 20px;
  color: #fff;
  font-weight: bold;
}
.tab-prod-btn a:hover,
.tab-prod-btn a:focus{
  background-color: #fff;
  border: 2px solid #70b908;
  color: #70b908;
}
.price_div span.price{
  background-color: #70b908;
  position: absolute;
  top: 0;
  left: 5px;
  padding: 5px 0px;
}
.price_div span.price:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 17px solid #70b908;
  border-left: 11px solid transparent;
  bottom: -41px;
  position: relative;
  left: 0px;
}
.price_div .amount{
  color: #fff !important;
  padding-right: 10px;
}
.index_star_loop{
  color: #000;
  margin: 10px 0 17px 0;
}
span.price ins{
  text-decoration: none;
}
.star-rating {
  color: gold;
}
.index-star-rating{
  color: #fec806;
  margin: -12px auto 10px;
  font-size: .857em;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
}
.index-star-rating:before{
  content: "\73\73\73\73\73";
  color: #d3ced2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.woocommerce .star-rating::before{
  color:#bbb;
}
.woocommerce-info {
  border-top-color: #70b908;
}
.index-star-rating span{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.index-star-rating span:before{
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
/*------------------ pet supplies section End ---------------*/

/*  index */
.postwrapper-box{
  border: 2px solid #eeeeee;
  margin: 0 0 25px;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*---------------------- service section ------------------------*/
#our_services .servicemainbox h5{
  font-size: 20px;
  color: rgb(28,28,28);
  font-family: "Poppins";
  font-weight: bold;
}
#our_services .ser_content{
  margin-left:-20px;
}
#our_services .servicemainbox:hover .service-img {
    transform: rotateY(180deg);
    transition: all 1s ease-in-out;
    perspective: 800px;
    perspective-origin: 50% 100px;
}
#our_services .servicemainbox:hover .col-md-9 h5{
  color:#70b908;
}
#our_services .servicemainbox p{
  font-size: 14px;
  line-height: 22px;
  color: rgb(170,170,170);
  font-family: "Poppins";
}
#our_services .servicemainbox .service-img{
  height:70px;
  width:70px;
  border-radius: 50%;
}
#our_services {
  background-size: 100% 100%;
  padding: 50px 0 0;
  margin-bottom: 100px;
}
#our_services #sec_title h2 {
  color: #ffffff;
  font-size: 30px;
  font-family: Poppins;
  font-weight: bold;
}
.our_services_section {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: 60px;
}
.image_left {
  position: relative;
  top: 42%;
  left: 20%;
  z-index: 999;
}
.image_right {
  position: relative;
  top: 40%;
  right: 20%;
  z-index: 999;
}
.inherit_space {
  padding: 0;
}
.service-mainbox {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 50px 40px;
  -webkit-box-shadow: 0 8px 6px -6px grey;
  -moz-box-shadow: 0 8px 6px -6px grey;
  box-shadow: 0 8px 6px -6px grey;
}
.servicefirst {
  padding: 30px 15px;
}
#our-services small{
  color:#6d6d6d;
  margin:0 0 20px 0;
}

#our-services .small-button{
  margin-top:30px;
}
#our-services .page-box{
  background:#113665;
  text-align:center;
  color:#fff;
  border-radius:5px; 
  padding:30px 10px;
}

#our-services .page-box h4{
  color:#fff;
  margin:0 0 29px 0;
  padding:0;
}

#our-services .page-box h4 a{
  color:#fff;
}

#our-services .page-box p{
  font-size:15px;
  margin:0 15px;
}

#our-services .box-image{
  margin:0 0 25px 0;
}

#our-services img{
  max-width:50%;-webkit-transition-duration: 1s; 
  -moz-transition-duration: 1s; 
  -o-transition-duration: 1s; 
  transition-duration: 1s; 
  -webkit-transition-property: -webkit-transform; 
  -moz-transition-property: -moz-transform; 
  -o-transition-property: -o-transform; 
  transition-property: transform; 
  overflow:hidden;
}

#our-services img:hover {
  -webkit-transform:rotate(360deg); 
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}
#our-services .services-box{
  margin:40px 0 20px 0;
}

/*------------------------- Gallery -----------------------------*/
.gallery_shadow_box {
  -moz-box-shadow: 0px 6px 6px #cccccc;
  -webkit-box-shadow: 0px 6px 6px #cccccc;
  box-shadow: 0px 6px 6px #cccccc;
  border-radius: 10px;
}
.gallery_section_image {
  background-repeat: no-repeat;
}
.gallery_section_image img {
  max-width: 600px;
  width: 100%;
}
#gallery {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}
#gallery p{
  text-align:center;
  font-size: 35px;
}

#gallery img{
  height:200px;
}

.gallery-image{
  margin:-1px; 
  padding: 0;
  display:flex;
  height:auto;
	width:100%
}

.gallery-image img{
  height:200px;
  width:100%;
}

.gallery_img{
  width: 100%;
  height: 100%;
}

#TB_ajaxContent{
  padding: 1% !important;
  width:auto !important; 
  height:auto !important;
}
#TB_ajaxWindowTitle{
  text-align:center;
  color: #001e44;
  text-transform: capitalize;
}

/*------------------------- Team ------------------------------*/
#team .team_name{
  text-align:center;
  background:#3890cb; 
  color:#fff; 
  font-size:16px;
}
#team {
  padding: 0;
  background-size: 100% 100%;
  margin-bottom: 150px;
}
#team h2 {
  color: #fff;
  padding-top: 70px;
}
.our-team-box {
  background-color: #fff;
  border-radius: 5px;
  padding: 60px 15px 25px;
  -moz-box-shadow: 0px 6px 6px #cccccc;
  -webkit-box-shadow: 0px 6px 6px #cccccc;
  box-shadow: 2px 4px 10px 4px #bbb;
  position: relative;
  top: 70px;
}
.nav-box .carousel-indicators .active {
    background-color: #70b908;
}
.nav-box .carousel-indicators li {
    border-radius: 50%;
    max-width: 12px;
    height: 12px;
    border: solid 2px #70b908;
}
.nav-box .carousel-indicators li:hover {
  background-color: #70b908;
}
.nav-box-icon {
  width: 100%;
  text-align: right;
  position: relative;
  top: -25px;
}
.nav-box-icon .carousel-control-prev i {
  font-size: 30px;
  color:#70b908;
}
.nav-box-icon .carousel-control-prev i:hover {
  color:#222;
}
.nav-box-icon .carousel-control-next i {
  color:#70b908;
  font-size: 30px;
}
.nav-box-icon .carousel-control-next i:hover {
  color:#222;
}
.carousel-control-next, .carousel-control-prev{
	opacity:1 ! important;
}
.nav-box-icon .carousel-control-next,.nav-box-icon .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  color: #fff;
  opacity: 1;
}
#team p{
  font-size: 14px;
  line-height: 22px;
  color: rgb(136,136,136);
  font-family: "Poppins";
  text-align: center;
}
#team h4{
  font-size: 20px;
  color: rgb(28,28,28);
  font-family: "Poppins";
  font-weight: bold;
  text-align: center;
}
#team h2{
  font-size: 30px;
  letter-spacing: 2px;
  color: rgb(255,255,255);
  font-family: "Poppins";
  font-weight: bold;
  
}
#team .carousel-control-prev, #testimonial .carousel-control-prev {
  right:36px;
  left:auto;
}
#testimonial {
    background-size: 100% 100%;
}
/*--------------------------- Calender Css --------------------------*/
time.icon{
  font-size: 12px;
  display: block;
  position: relative;
  width: 55px;
  height: 55px;
  background-color: #fff;
  margin: 4px 0 0 0;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: -3px;
  padding: 0;
  color: #fff;
  background-color:#70b908;
  box-shadow: 0 2px 0 #000;
}

time.icon em
{
  position: absolute;
  bottom: -4px;
  color: #70b908;
}

time.icon span
{
  width: 100%;
  font-size: 16px;
  letter-spacing: -0.05em;
  padding-top:20px;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}
.appointment_div .spn {
    float: right;
    width: 84px;
    margin-top: -50px;
    text-align: center;
    position: absolute;
    right: 15px;
	font-weight:bold;
}
/*.appointment_div:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -17px;
    background: #ffffff;
    transform-origin: bottom left;
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}*/
/*--------------------------- Testimonial --------------------------*/
h3.test_tit {
  text-align: left;
  font-size: 22px;
  letter-spacing: 3px;
  font-family: Poppins;
  font-weight: bold;
}
.testimonial-wrap {
  padding: 140px 0;
}

.testimonial-box {
  background-color: #ffffff;
  padding: 70px 15px 40px 15px;
  border-radius: 5px;
}
.testimonial-nav .carousel-indicators li {
  border-radius: 50%;
  max-width: 12px;
  height: 12px;
  border: solid 2px #70b908;
}
.testimonial-nav .carousel-indicators li:hover {
    background-color: #70b908;
}
#testimonial h4{
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 22px;
  color: rgb(112,185,8);
  font-family: "Poppins";
  font-weight: bold;
}
#testimonial p{ 
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  color: rgb(136,136,136);
  font-family: "Poppins";
}  
/*--------------------------- Why Choose Us --------------------------*/
#why_choose_us {
  background-size: 100% 100%;
}
.request-btn {
  display: block;
  width: 205px;
  height:54px;
  text-align: center;
  border-radius: 6px;
  padding: 15px 0;
  margin: 40px 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.why-choose-column {
  padding: 50px 0;
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #70b908;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #141a28;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#why_choose_us h2{
  color: #000000;
  font-family: Poppins;
  font-weight: bold;
}
#why_choose_us .why-choose-column p{
  color: rgb(152,152,152);
  font-family: Poppins;
  font-size:14px;
  letter-spacing: 1px;
  line-height: 24px;
}
#why_choose_us .request-btn{
  color: white;
}
/*--------------------------- Testimonial --------------------------*/
a.btn.blog-arrow.pull-left {
    font-size: 30px;
    position: relative;
    left: -55px;
    top: 250px;
}
a.btn.blog-arrow.pull-right {
    font-size: 30px;
    position: relative;
    right: -55px;
    top: 230px;
}

/*--------------------------- Our Blog --------------------------*/
#our_blog h2{
  font-weight: bold;
  font-family: Poppins;
  color:#000;
}
#our_blog img.team-image {
  width: 100%;
}
#team .team-image{
  border-radius: 50%;
  height: 130px;
  width:130px !important;
}
.home-blog-box {
  background-color: #EFF0F0;
  padding: 15px;
}
.home-blog-box a.read_more {
  background-color: #efefef;
  border: 1px solid #1c1c1c;
  padding: 8px 15px;
  color: rgb(28,28,28);
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px;
}
p.blog_date {
  position: absolute;
  background: #1c1c1c;
  padding: 8px;
  margin-top: -35px;
  font-size: 15px;
  color: rgb(255,255,255);
  text-align: center;
}
#our_blog .home-blog-box:hover .read_more,#our_blog .home-blog-box:hover .blog_date{
  background:#70b908;
  color: rgb(255,255,255);
  border:none;
}
#our_blog .home-blog-box:hover h4.team-batch a {
  color: #70b908;
}
#our_blog h4.team-batch a {
  font-size: 19px;
  color: black;
  font-family: "Poppins";
}
#our_blog .home-blog-box p.content {
  font-size: 12px;
  letter-spacing: 1px;
  color: rgb(28,28,28);
  font-family: "Poppins";
}
/*------------------------- Headings --------------------------*/
section h2{
  color: #141a28; 
  text-align:center; 
  text-transform:uppercase;
}
section h3{
  font-weight:bold; 
  text-align:center; 
  margin:30px 0 0 0;
  text-transform:uppercase;
}
section h4{
  color:#1c1c1c; 
  font-weight:bold;
  font-size:20px;
  margin: 5px 0;
  font-family: Poppins;
}

section h5{
  color:#3890cb; 
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}

.gallery_shadow_box #sec_title h2, #Pet_supplies h2{
  font-weight: bold;
  font-family: Poppins;

}
.darkbox{
  padding:3% 0;
}
section .innerlightbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#000;
}
section .innerdarkbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:#fff;
}

.innerdarkbox {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------------------------- about us --------------------------*/
#about .about-img img{
  border:3px solid #fff; 
  width:100%;
}

#about .days-box{
  margin-top:40px;
  text-align: center; 
  font-size:16px;
  font-weight:bold;
}

#about .day-title{
  margin-bottom:15px;
}

.text-light{
  color:#fff;
}

section#about h2{
  color: #d3da36;
}

section#about h3{
  color: #d3da36;
}
#content-tc a, .post_tag a {
    color: #4c4747;
}
.content-tc {
    color: #000;
    font-size: 16px;
    line-height: 1.7;
}
/*------------------ Contact Section -----------------*/
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}

#contact-box{
  background:#f4f5f9;
}

.contact-innerbox{
  background:#fff; 
  padding:30px; 
  box-shadow:5px 5px #eee;
  margin:0 0 20px 0;
}

#contact-box .contact-form-box label{
  width:100%;
}

#contact-box .contact-form-box p{
  font-size:14px; 
  font-weight:bold; 
  color:#000;
}

#contact-box .address-box p{
  margin:0 0 50px; 
  color:#999999;
}

#contact-box .social-icons{
  margin-top:15px;
}

#contact-box .social-icons a{
  color:#000;
  padding:5px 10px;
}

#contact-box .social-icons a:hover{
  background:#3890cb; 
  color:#fff;
}

#contact-box .mapbox{
  box-shadow:5px 5px #eee;
}

#contact-box .contact-form-box input[type="text"],
#contact-box .contact-form-box input[type="email"],
#contact-box .contact-form-box input[type="phno"],
#contact-box .contact-form-box textarea
{
  border:none; 
  border-bottom:1px solid #999999;
  padding:4px 0 5px 0; 
  width:100%;
  color:#000;
  margin:0 0 15px; 
  font-size:14px;
}

#contact-box .contact-form-box textarea{
  height:50px;
}

#contact-box .contact-form-box input[type="submit"]{
  margin-top:20px;
}
/*---------------- Footer Section ----------------------*/
#footer{
  background:#1c1c1c; 
  text-align:center;
  color:#fff;
  text-align:left;
  font-family:Poppins;
  letter-spacing: 1px;
	margin-top:30px;
  background-size: 100% 100%;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3,
#footer h3,#content-tc #footer h3{
  color:#70b908;
  text-align:left;
  text-transform:uppercase; 
  font-size:20px;
  font-weight: bolder;
  padding:0 0 17px 0;
  font-family: 'Poppins';
}

#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}

#footer .copyright a {
    color: #fff;
  cursor: pointer;
}

#footer .news-form{
  margin-top:24px;
}

.footer_email {
    padding-left: 0px;
    margin-top: 10px;
}

#footer input[type="text"]{
  padding:8px 5%; 
  float:left;
  margin-right:2%;
  border-radius:5px;
}
#footer .copyright{
  border-top:1px solid #337ab7;
  padding:2% 0;
}
.text_2 {
    margin-left: -4%;
}

.para_5 {
    margin-left: -4%;
}
#footer input[type='search'],input[type="email"] {
  width:100%;
  height:45px;
  background: #fff;
  padding-left:10px;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border: 0;
}

#footer aside {
    padding: 3% 0;
}
#footer aside.widget form.wpcf7-form p{
  display:flex;
}
#footer ul li{
  list-style:none; 
  margin:0 0 5px 0;
  text-align:left;
}
#footer input[type="submit"]{
  background: #70b908;
  height: 45px;
  padding: 0 10px;
  color:#fff;
  border: 0px;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}
#footer select {
  text-align: center;
  padding: 8px;
  border-radius: 7px;
  width: 100%;
}
#footer label {
  float: left !important;
}
#footer ul li a{
  color:#ffffff;
}
#footer p{
  font-size:14px;
  line-height: 27px;
  font-family: "Poppins";
}
#footer i.fa{
  padding-right: 15px;
}
#footer_text{
  background: #70b908;
  padding:17px 0 5px 0;
}

/* --------- Index Page ------- */
.main-page {
  margin-top: 50px;
}
.main-page .box-image {
  margin:0 0 25px 0;
}
.main-page .box-image img {
  width: 100%;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox{
  width:100%;
  border: solid 1px rgba(187, 187, 187, 0.12);
  box-shadow: 0px 1px 1px 1px #bbb;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: #70b908;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #70b908;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
#content-tc .blog-full-border{
  margin: 40px 0 0 0;
  padding: 0;
  border:none;
  border-bottom: 1px solid #bbb;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.post-content-box p {
  padding: 2%;
  line-height: 25px;
  color: #797575;
}
.postbox {
  margin-bottom:39px;
  border: solid 3px #70b908;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none; 
  font-size:12px; 
  font-weight:bold; 
  color:#70b908; 
  padding:6px 25px;
  border:2px solid #70b908; 
  font-size:14px;
  text-transform:uppercase;
  margin:25px 0 5px 0;
  display:table;
}
.blogbutton-small:hover{
	background:#fff;
}
.metabox{
  color:#000;
  clear:both;
}
.metabox .entry-date{
  background:url('images/date.png') no-repeat;
  margin:0 13px 0 0;
  padding-left: 15px;
}
.metabox .entry-author{
  background:url('images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#content-tc  h5{
  margin:0 0 15px;
  font-size:20px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
#content-tc  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
/* --------- Inner Pages --------- */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background-color: #70b908 ;
  color:#fff;
}

/* -------------- CONTACT Page --------------- */
section#contact-box{
  padding:0;
  margin:0;
}
.contact_content input[type="submit"]{
  width:100%;
  padding: 12px;
  font-size: 20px;
}
.contact-info{
  font-size:16px;
  line-height:26px;
  position: relative;
  float: left;
}
.contact-location i{
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  padding:12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-call i{
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-email i{
  width: 8%;
  text-align: center;
  font-size: 17px;
  background: #18304c;
  padding:12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
}
.contact-info .head{
  color:#000;
}
.contact-info i{
  text-align: center;
  font-size: 17px;
  background: #70b908;
  padding: 12px 12px 12px 12px;
  border-radius: 50%;
  color: #fff;
  margin-right: 1%;
  border: 2px solid #70b908;
}
.contact-location,
.contact-call,
.contact-email,
.contact-information,
.contact-name{
  margin-bottom: 2%;
}

.contact-info i:hover{
  color: #70b908;
  background-color: #fff;
border: 2px solid #70b908;
}


/* Blog Post */
.blog-icon a i{
  font-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  padding-top: 10px;
  color:#fff;
  margin: 13px 1px 0 0;
  border: 1px solid #1c1c1c;
  background: #1c1c1c;
}
.blog-icon a:hover i{
  border: 1px solid #70b908;
  background: #70b908;
}
.blog-icon span {
  font-family: puritan swash;
  font-size: 19px;
  color: #000;
}
.pet_service .feature-box img{
  max-width:100%;
}
.services-box {
  font-family: Poppins;
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 25px;
  border-radius: 5px;
}
.service-image img{
  width: 100%;
}

.services-box h2 a{
  color: #70b908;
  text-transform: capitalize;
}
.services-box p  {
  color: #6f6e6e;
  font-size: 15px; 
  font-family:"Poppins";
}
.services-box h2 {
  text-align: left;
  font-size: 25px;
  margin: 0;
}
.service-btn a {
  border: solid 2px #70b908;
  padding: 7px 15px;
  color: #70b908;
  font-size: 15px;
}
.service-btn a:hover {
  background: #70b908;
  color: #fff;
  border: solid 2px #70b908;
}
.service-btn{
  margin-top: 20px;
}
/* ----------------------- PicCarousel---------------------- */
.poster-item-over {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 90%;
 
}
.poster-item {
    width: 90%;
}
.poster-item-over img,.poster-item img {
  border-radius: 5px;
}
/* ----------------------- POST---------------------- */
.abt_content{
  padding: 10px;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}

.bradcrumbs{
  padding:30px 0;
}

.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs a:hover{
  background:#ffd34e;
}

.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}

/*------------------ Comments BOX ------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}

#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
  border-radius:0;
}

#comments input[type="submit"].submit{
  background:#70b908 !important;
  text-transform:capitalize;
  font-weight:bold; 
  margin-top:20px;
  color:#ffffff;
}

#comments a.comment-reply-link{
  color:#fff;
  background:#70b908;
  padding:5px 15px;
  border: 2px solid #70b908;
}

#comments a.comment-reply-link:hover{
  background:#fff;
  color:#70b908;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-tc #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px; 
  padding: 20px;
  background:#eee; 
  display:inline-block;
}

#content-tc ol li ol li{
  margin:0 0 20px 0;
  padding:0 0 0 35px;
}

#content-tc #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:100%;
  float:left;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments ol.comment-list {
  margin: 0px !important;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  border: 1px solid #333;
  padding: 2px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider .slide-cap h4{
  text-transform:uppercase; 
  font-size:25px;width:30%;
  margin:0 auto;
  background:url('images/welcome.png') center no-repeat;
  background-position: center; 
  padding:5px 0; 
  font-weight:bold;
}
#slider h2{
  padding:0 25px 2% 0; 
  font:700 60px 'Poppins';
  text-transform:uppercase;
  left:50%;
  font-size: 48px;
  color: #fff;
}
#slider .carousel-control-next{
  right: 12px;
}
#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:0 0 48px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font: 18px/30px Poppins;
}
#slider .btn-primary{
  border-radius:0; 
  padding:10px 18px;
  font-size:18px; 
  height:auto; 
  display:table;
  border: none;
}
.carousel-caption {
  top: 50%;
  text-align: left;
  margin-left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  bottom: inherit;
}
.slider_container {
  margin: 0 auto;
  position: relative;
  width: 1140px;
}
.text_move_left {
  left: -50px;
  position: relative;
  width: 50%;
}
.carousel-caption h2 {
  text-align: left;
}
a.blog-more{ 
  display:inline-block; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
.slider_btn{
  width: 320px;
  margin: 0;
  padding: 0;
}
.slider_btn a.appointment{
  float: left;
}
.slider_btn a.read-more{
  float: right;
  background-color: #fff;
  color: #000;
}
.slider_btn a.appointment:hover,
.slider_btn a.appointment:focus{
  background-color: #fff;
  color: #000;
}
.slider_btn a.read-more:hover,
.slider_btn a.read-more:focus{
  background-color: #70b908;
  color:#ffffff;
}
.carousel-indicators li{
  border-radius: 50%;
  max-width: 9px;
  height: 9px;
  border: 2px solid #fff;
  background: transparent;
}
.carousel_next,
.carousel_prev{
  background: #000;
  padding: 15px 18px;
  letter-spacing: 5px;
  font-weight: bold;
  transform: rotate(90deg);
  position: relative;
  opacity:1;
}
.carousel_next{
  right: -86px;
}
.carousel_prev{
  left: -75px;
}
button.owl-prev {
  padding-right: 2px;
  top: -56px;
  left: 0;
}
button.owl-next {
  padding-left: 2px;
  top: -56px;
  right: 0;
}

button.owl-prev, button.owl-next{ 
  width: 30px;
  height:30px;
  border-radius: 50%;
  position: absolute;
  border: none;
  color:#fff;
  outline: none;
  background: #70b908;
}
button.owl-prev:hover, button.owl-next:hover{
  background: #000;
}
.ostrich-carousel .owl-item img{
  width: auto !important;
  margin: 0 auto;

}
.ostrich-carousel button.owl-prev {
    padding-right: 2px;
    top: -41px;
    right: 39px;
}
.ostrich-carousel button.owl-next {
    padding-left: 2px;
    top: -41px;
    right: 0;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block !important;
}
/*--------------- Shortcode -----------------*/
.testimonial-short .client{
  margin: 10px 0px;
}
.client_name h3{
  text-align: center;
}
#testimonial .team-image {
  border-radius: 50%; 
  width:110px;
  height:110px;
}
.testimonial-short .content {
    font-size: 16px;
    margin-bottom: 15px;
}
.testimonial-short .client {
  background: #eee;
  border-radius:5px;
  border: 1px solid #ccc;
  padding: 20px;
}
.page-team-box {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 6px;
  background: #eee;
  margin: 10px 0;
}
.page-team-box .image-box img{
  width:100%;
}
.about-socialbox span{
  font-size: 13px;
  padding: 0 10px 0 0;

}
.page-team-box .member-name h4{
  color:#70b908;
}
.page-team-box .content-tc {
  display: block; /* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 8em;
  line-height: 1.6em;
  margin-bottom: 10px;
}
.about-socialbox a {
  padding: 4px;
  font-size: 16px;
  border: 1px solid;
  margin: 1px;
  border-radius: 50%;
}
.about-socialbox a:hover{
  background: #70b908;
}

/*--------------- Sidebar -----------------*/
#sidebar caption {
  font-weight: bold;
  color: #70b908;
  font-size: 20px;
  text-align: center;
}
#sidebar table{
 width: 100%;
 margin-left:-15px;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #70b908;
  text-align: center;
  white-space: nowrap;
}
#sidebar td {
  color: #70b908;
}
form.wpcf7-form label {
  color: #0c0808;
  width: 100%;
}
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #70b908;
}
#sidebar select {
  padding: 12px;
  margin: 13px;
  width: 90%;
  border-radius: 0; 
} 
#sidebar form{
  display: table;
  width: 100%;
}  
#sidebar h3 {
  padding: 0;
  text-transform: none;
  font-weight: 700;
  font-size: 18px;
  font-family: Poppins;  
  padding: 15px;
  text-align: left;
  color: #70b908;
  letter-spacing: 1px;
}
#sidebar input[type="search"] {
  background:#eeeeee;
  padding:12px 10px;
  border:none;
  font-size:15px;
  color:#000;
  width:97%;
  margin:15px;
}  
#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}  
#sidebar aside .textwidget p {
  font-size: 16px;
}
#sidebar input[type="submit"]{
  background:#70b908;
  border:none;
  color:#fff;
  padding:12px 0;
  width:30%;
  font-size:14px;
  float:left;
  margin:15px 0px 0 -14px;
}
#sidebar aside {
  margin-bottom: 30px;
  border: solid 1px #ccc;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
}  
#sidebar ul li a{
  color:#000;
  text-transform: capitalize;  
}
#sidebar ul li:before{
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #70b908;
  margin-right: 6px;
}
#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block
}
#sidebar .tagcloud a:hover{
  background:#70b908;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
.service_menu{
  padding:0;
  background: #333;
 
}
.service_menu .service_top {
  padding: 15px;
  font-size: 16px;
  text-transform: capitalize;
  background: none;
  margin:0;
}
.service_menu .service_top a{
	color:#fff;
}
.client .client-img{
  width:100%;
}
.testimonialwrapper-box .client .image-box,.testimonialwrapper-box .client .content-box{
  padding: 0;
  background:#eee;
}
h2.client_name {
  text-align: center;
  top: 40%;
  position: relative;
}
.text-box p {
  position: absolute;
  top: 56%;
  text-align: center;
}
.text-box-designation {
    position: relative;
    text-align: center;
    top: 41%;
	left:5%;
}
.text-box-designation  p{
  margin: 0 30px;
}
.about-socialbox a i {
  width: 23px;
  text-align: center;
}


/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  bottom: 70px;
  position: relative;
  z-index: -1;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 13%;
}
/*----------content-tc-----------*/
#content-tc .search-field {
    padding: 7px;
    outline: none;
    border: 1px solid #70b908;
}
#content-tc h6 {
  margin: 20px 11px 16px 0;
  font-size: 30px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
	font-family:"Poppins";
}

#content-tc p{
  text-align:justify;
  line-height: 25px; 
  font-size: 16px;
  font-family:"Poppins";
}

#content-tc hr{
  border:none;
  margin:0 0; 
  clear:both;
}

#content-tc h2{
  font-size:35px; 
  font-weight:normal; 
  font-family:'Poppins';
}

#content-tc h3{
  font-size:36px; 
  font-weight:normal;
  margin:0;
  padding:0; 
  color:#000;
  margin:14px 0 25px; 
  font-family:"Poppins";
}

#content-tc h4{
  font-size:31px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:#18304c;
  margin:0 0 25px;
  text-align: center;
}

#content-tc ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}

.middle-align ul li{
  /*background:url('images/link_1.png') no-repeat 0 5px; 
  padding:0 0 0 35px;
  margin:0 0 20px 0;*/
  line-height:25px;
}
.middle-align ul li:before{
  content: '\f0da';
  font-family: 'FontAwesome';
  color: #70b908;
  margin-right: 6px;
}

.middle-align ul li ul li{
  margin-top: 3%;
}

#content-tc #comments ul{
  margin: 0!important;
}

#content-tc ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
}

#content-tc ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content-tc ol li:before {
  color: #fff;
  background: #0c1f34;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
  display:none;
}

.read-moresec{
  margin:2% 0;
}
.service_side aside.widget h3{
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 25px;
  color:#70b908;
}
.service_side aside.widget{
  border:1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px; 
  background: #F3F1F2;
}
.service_side aside.widget ul li{
  list-style: none;
}
.service_side aside.widget ul li a{
  font-size: 15px;
  font-family: Poppins;
  color:#333;
}
.service_side aside.widget ul li a:hover{
  color:#70b908;

}
.service_side aside.widget select{
  border-radius: 0;
}
.service_side aside.widget input.search-field {
  padding: 8px;
  border: 1px solid #ccc;
}

/*---------------- Pagination ----------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px; 
  line-height:13px;
  float:right; 
  font-weight:bold;
}
.navigation span, .navigation a {
  display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff; 
  background: #70b908 ; 
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.navigation .current{
  padding:10px 15px;
  background: #333; 
  color:#fff;
  font-weight:normal;
}
.nav-previous {
  display: inline-block;
}
.nav-next {
  display: inline-block;
}
/*-
----------------------------------- woocommerce css ----------------------------*/
.woocommerce #coupon_code{
  width:auto;
  text-align: center;
}
.woocommerce .quantity .qty, select.orderby{
  border-radius: 0;
}
h1.woocommerce-products-header__title.page-title,
h1.product_title.entry-title {
  font-weight: bold;
  font-family: Poppins;
  color:#000;
}
select.orderby {
  padding: 10px;
  margin-bottom: 10px;
}
.woocommerce span.onsale{
  left:31.5em;
}
.woocommerce form .form-row .required,
strong.woocommerce-review__author{
  color:#70b908;
}
.woocommerce ul.products li.product .price del{
  margin-right: 10px;
  opacity:.9;
}
.woocommerce a.remove:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background: #70b908;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color:#fff;
}
.woocommerce .products .star-rating{
  margin: 10px auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background: #eee;
  text-align: center;
  padding: 18px;
  margin: 0px 1% 2% 1%;
  width: 30.33%;
  float: none;
  display: inline-block;
}
.woocommerce div.product form.cart {
  margin: 2em 0;
}
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 15px 0 0;
}
nav.woocommerce-MyAccount-navigation ul li{
  list-style: none;
  border: 1px solid #70b908;
  padding: 10px;
  margin: 6px 0;
  box-shadow: 2px 2px #70b908;
}
nav.woocommerce-MyAccount-navigation ul li.is-active{
  background-color:  #70b908;
  box-shadow: 2px 2px #736b6b;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a{
  color:#fff;
  letter-spacing: 1px;
  font-weight: bold; 
  font-size: 22px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  font-size: 20px;
}
nav.woocommerce-MyAccount-navigation ul {
  margin: 10px 0 25px 0;
  border: 1px solid #70b908;
  padding: 8px;
}
.woocommerce-column.col-1, .woocommerce-column.col-2 {
    max-width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
  font-family: Poppins;
  color:#000;
}
.shop section h2{
  font-family: Poppins;
  color:#333;
  font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs .panel p,
.description p {
  color:#333;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  background-color: #fff;
  color:#70b908;
  border: 2px solid #70b908;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding:10px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  border: 2px solid #70b908;
  color:#70b908;
  background: #fff

}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
  color: #333;
  font-size: 17px;
  font-family: Poppins;
  padding-top: 20px;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{
  color:#fff;
  font-weight: bold;
  font-size: 11px;
  margin: 0px -4px;
  text-align: center;
}
.woocommerce ul.products li.product .price:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 17px solid #70b908;
  border-left: 11px solid transparent;
  bottom: -40px;
  position: relative;
  left: -9px;
}
.woocommerce div.product p.price:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 17px solid #70b908;
  border-left: 11px solid transparent;
  bottom: -35px;
  position: relative;
  left: -9px;
}
.woocommerce div.product p.price{
  background-color: #70b908;
  position: absolute;
  top: 0;
  left: -7px;
  padding: 5px 9px;
  display: -webkit-box;
}
.woocommerce-product-details__short-description p {
  color: rgb(152,152,152);
  font-size: 16px;
}
.woocommerce ul.products li.product .price{
  background-color: #70b908;
  position: absolute;
  top: 0;
  left: -6px;
  padding: 5px 9px;
  display: -webkit-box;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0;
    font-size: 16px;
    color: #18304c;
}
.woocommerce span.onsale{
  background-color: #70b908;
}
#our_blog{
  text-align: center;
}
.category-page h4{
  text-align: left !important;
}
/*-------------- media section ---------------*/
@media screen and (max-width:1024px){
	time.icon{
		margin: 3px 0px 0 -11px;
	}
	.appointment_div:before{
		display:none;
	}
	.gallery-image{
		max-width:100%;
	}
	#gallery{
		padding:20px;
	}
  #search-form{
    top: 225px;
  }
  #footer input[type='email'],
  #footer input.search-field{
    width:200px;
  }
  #footer input[type="submit"]{
    width:60px;
    right:20px;
  }
  #footer .widget_search .search-submit{
    margin-top: 0px;
    right:3px;
  }
  #slider h2{
    font-size: 30px;
  }
	#topbar-sec .mail_div, #topbar-sec .call_div, #topbar-sec .social_icon{
		margin-top:0;
	}
}
@media screen and (max-width:768px) {
  time.icon{
	margin: 3px 0px 0 16px;
  }

	.appointment_div .spn{
	margin-top: 10px;
    text-align: center;
    line-height: 12px;
	}
  .carousel_prev{
    left:-33px;
  }
  .carousel_next {
    right: -30px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #slider h2.font-weight-bold {
      display: none;
  }
  #slider p.font-weight-bold {
      display: none;
  }
  #our-services .page-box{
    margin-bottom:0.5em;
  }
  .slider-main .nivo-controlNav a{
    width:10px;
  }
  #content-tc div {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #000;
  }
  .title-box h1{
    font-size: 20px;
  }
  .home #header{
    background: none !important;
  }
  .testimonialwrapper-box{
    margin-bottom: 50px;
  }
  #team {
    margin-bottom: 50px;
  }
}
@media screen and (max-width:991px) {
  .social_icon{
    text-align: center;
  }
  a.custom-logo-link img{
    padding:10px 0 0 0;
  }
  #search-form{
    width: 40%;
    right: 29.5%;
  }
  .navbar_icon i.fa{
    padding: 22px 10px;
  }
  .navbar_icon{
    padding-left: 0;
  }
  #Pet_supplies .tab-list{
    margin-left: 12%;
  }
  #slider .slide-cap h2 {
    font-size:150%;
  }
  .slider_btn{
    width: 60% !important;
  }
  .metabox img {
    margin-left: 0%;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
    
  }
  small {
    font-size: 13px !important;
  }
}
@media screen and (max-width:767px){
	.appointment_div .spn{
		margin-top:-41px;
		width:auto;
	}
	#Pet_supplies .tab-list {
		margin-left: -15px;
		margin-right: -15px;
	}
	#footer input[type='email'], #footer input.search-field{
		width:160px;
	}
	#footer input[type="submit"] {
		width: 42px;
		right: -48px;
	}
	#slider{
		margin-top:124px;
	}
  #team .innerdarkbox1, section{
    background-size: contain ! important;
    background-repeat: no-repeat;
  }
  #topbar-sec .logo{
    text-align: center;
  }
  #search-form{
    display: block;
    background: none !important;
    top: 310px;
    right: 30.5% !important;
  }
  #search-form::after{
    border: none !important
  }
  #search-form input{
    width: 60%;
    height: 25px;
    font-size: 8px;
    border-radius: 5px;
  }
  #search-form #search-btn{
    background: none !important;
  }
  i.hide-show{
    display: none ;
  }
  .navbar_icon i.fa{
    padding: 22px 15px;
  }
   .cart_no:before{
      display: none;
   }
  .cart_no{
    top: 16px;
    left: 0px;
    right: auto;
  }
}
@media screen and (max-width:719px) {
  .gallery-image{
	max-width:100%;
	padding: 10px 20px 0 20px;
  }
  .slider_btn{
    width: 60%;
  }
  #header .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  #header .nav {
   height: 100%;
   width: 0;
   position: fixed !important;
   z-index: 99999 !important;
   top: 0 !important;
   left: 0 !important;
   background-color: #111;
   overflow-x: hidden !important;
   transition: 0.5s !important;
   width: 250px !important;
 }
.toggle {
  padding: 5px 10px;
}
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
    font-size: 20px;
  }
  .toggle{
    display:block;
  }
  .navbar_menu{
    top: 0;
  }
  .toggle a:hover{ 
    color:#fff;
  }
  .toggle a.active{
    color:#fff;
  }
  #search-form{
    top: 335px;
  }
  .nav{
    display:none;
  }

  #header .nav{
    float:none; 
    margin:0; 
    position: absolute;
    overflow-x: hidden;
    width: 100%;
    z-index: 9999;
    left: 0;
    top:-8em;
  }
  #header .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0; 
    background-color:#222222;
  }
  #header .nav ul li{
    border-top:1px #303030 solid; 
    display:block; 
    float:none; 
    text-align:left;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }

  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }

  #TB_window{
  width:350px !important;
  margin-left: -181px !important;
  top:60% !important;
  }
  .contact-name i,
  .contact-email i,
  .contact-call i,
  .contact-location i,
  .contact-information i{
   padding: 12px 4px;
   width: 14%; 
  }
  span {
    text-align: right;
  }
  #slider .slide-cap{ 
    display:none;
  }
  .carousel_prev{
    left: 0
  }
  .carousel_next{
    right: 0;
  }
  .menubox .navbar {
    z-index: 9999;
    left: 0;
    width: 100%;
    position: absolute;
  }
  .navbar-default .navbar-collapse {
      background-color: #222222 !important;
  }
  .navbar-nav {
    margin-left: 33%;
  }
  .mega-dropdown-menu > div >li{
    float:left;
    width:50%;
  }
  #slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
}
@media screen and (min-width:720px){
  #header .nav ul li a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     display: block;
     transition: 0.3s;
  }
  #header .nav ul li:hover > ul{
    display:block; 
    background:#222222; 
    width:200px; 
    position:absolute; 
    top:25px; 
    left:0; 
    text-align:left; 
    padding:10px 0; 
    z-index:99;
  }

  #header .nav ul li:hover > ul li{ 
    display:block;
  }

  #header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px; 
    color:#ffffff;
  }

  #header .nav ul li:hover ul li ul{
    display:none;
  }

  #header .nav ul li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:200px; 
    top:-20px;
  }

  #header .nav ul.sub-menu{
    margin-top:7px;
    display: none;
  }

  #header .nav ul.sub-menu li a:hover{
    background:#70b908; 
    color:#fff;
  }

  #header .nav ul li a{ 
    color:#fff; 
    padding:7px 15px; 
    display:block;
  }
}
@media screen and (max-width: 480px){
  .home #header{
    z-index: 999;
  }
  .servicemainbox .col-md-3{
    margin-bottom: 10px; 
  }
  .service-mainbox,.servicefirst{
    padding: 0;
  }
  #our_services .ser_content{
    margin: 0;
  }
  .our-team-box{
    top:0;
  }
  .above_title{
    margin: 0;
  }
  .poster-item-over {
    position: relative;
    top: -36%;
    left: 10%;
    width: 90%;
  }
  .title-box{
    bottom: 0;
  }
  .content-box {
    padding: 0;
    height: 100%;
    position: relative;
    margin: 10px 0;
  }
  .pet_service .col-md-8, #content-tc p{
    padding:0;
  }
  #footer_text p{
    padding: 0 10px;
  }
  #why_choose_us{
    padding: 0;
  }
  img.attachment-large.size-large {
    width: 100%;
  }
  #team h2{
    position:relative;
    top:8px;
  }
  .contact-info i{
    height:30px;
    width:30px;
    padding:8px;
	  font-size:12px;
  }
 .toggle{
    background: #fff;
    padding: 5px 10px;
  }
  .toggle a{
    background: none !important;
  }
  .toggle i.fa.fa-bars, .toggle i.fa.fa-times {
    font-size: 20px;
  }
  #search-form{
    top: 150px;
    left:40px;
    width: 70%;
  }
  #search-btn{
    padding: 0 !important;
  }
  #slider{
    margin-top: 124px;  
  }

  .carousel_next, .carousel_prev{
    padding: 2px 4px;
    font-size: 9px;
  }
  .carousel_prev{
    left: -18px;
  }
  .carousel_next{
    right: -17px;
  }
  .slider_btn{
    width: 100% !important;
	display:none !important;
  }
  #slider .btn-primary{
    padding: 8px 12px;
    font-size: 15px;
  }
  .nav-tabs .nav-item{
    width: 100%;
  }
  #Pet_supplies .pet_product{
    margin-bottom: 20px;
  }
  #Pet_supplies .btn-next{
    left: 150px;
  }
}
@media screen and (min-width: 1000px) {
  #header #header-inner .nav ul li ul li{
    display:block; 
    position:relative; 
    float:none;
  }
  #header #header-inner .nav ul li ul li a{
    color:#000; 
    display:block; 
    padding-top:10px; 
    padding-bottom:10px; 
    border-bottom:1px #313131 solid;
  }
}
@media screen and (min-width: 992px) {
  .web p {
    font-size: 16px;
  }
  #search-form input{
    width: 80%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .carousel_prev{
    left:-50px;
  }
  .contact-info i {
    height: 40px;
    width: 40px;
    font-size: 16px;
	padding:10px;
  }
  .carousel_next {
    right: -44px;
  }
  #footer input[type="submit"]{
    right: -23px;
    color: #fff;
  }
  #footer input[type='email'],
  #footer input.search-field{
    width:168px;
  }
  .image_left {
    position: absolute;
    bottom: 0;
    top: inherit;
    left: 20%;
    z-index: 999;
  }
  .image_right {
    position: absolute;
    bottom: 0;
    top: inherit;
    right: 20%;
    z-index: 999;
  }
}
@media screen and (max-width: 425px) and (min-width: 320px) {
  .owl-nav{
    display: none;
  }
  .ostrich-carousel .owl-item img{
    position: relative;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) and (min-width: 320px) {
	#search-form{
		display:none;
	}
  .mob_search_btn{
    position: absolute;
    right: 99px;
  }
  #our_services #sec_title h2{
    margin-top:-30px;
  }
  #Pet_supplies .nav-icon i.fa{
	  width:30px;
	  height:30px;
	  padding-top:10px;
	  font-size:14px;
  }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width:100%;
	}
  #slider .carousel-control-next{
	  right:-2px;
  }
  #why_choose_us .why-choose-column p{
	  padding:20px;
  }
  #footer .widget_search .search-submit{
	  margin-top:-53px;
  }
  #footer input[type='email'], #footer input.search-field{
	  width:270px;
  }
  #slider span.carousel_next, #slider span.carousel_prev {
    font-size: 7px;
    padding: 0px 6px;
    letter-spacing: 2px;
    opacity: 1 ! important;
  }
  .request_btn {
    text-align: center;
  }
  #gallery{
	border: 1px solid #dad8d8;
  }
  .mail_div, .call_div {
    display: none;
  }
  a.btn.blog-arrow.pull-left, a.btn.blog-arrow.pull-right{
    position: initial;
  }
  .image_left, .image_right{
    display: none;
  }
  .testimonial-wrap{
    padding:0px;
  }
  .servicemainbox {
    text-align: center;
  }
  #slider .btn-primary {
    padding: 5px 6px;
    font-size: 9px;
  }
  .slider_btn {
    margin-left: 54px;
    display: grid;
  }
  .gallery-image img{
    height:auto ! important;
  }
}
@media screen and (width: 320px){
  .carousel_next{
    right:-10px;
  }
	#footer input[type="submit"]{
		right:0px;
	}
  #Pet_supplies .btn-next{
    left:90px;
  }
  #our_services .row {
    margin-right: 0 !important;
  }
  #team .text-center{
    top:-30px;
  }
}
@media screen and (max-width: 375px){

	#Pet_supplies .btn-next{
		left:125px;
	}
	#footer input[type='email'], #footer input.search-field{
		width:285px;
	}
	.servicemainbox {
		text-align: center;
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
	}
	#slider .carousel-control-next{
		right:0;
	}
}
@media screen and (max-width: 425px){
	#search-btn i{
    color:#70b908;
    left:20px;
    position: relative;
  }
  #footer input[type='email'], #footer input.search-field{
		width:305px;
	}
	#footer input[type="submit"]{
		width:90px;
		right:0;
	}
	.our_services_section .row{
		margin-right:0px ! important;
	}
}
@media screen and (max-width: 768px){
  .navbar_menu {
    top: 0;
  }
	#footer .row{
		margin-right:0px ! important;
	}
	#topbar-sec .social_icon i{
		margin:0;
	}
	.row{
		margin:0px ! important;
	}
 
  #topbar-sec .mail_detail p:first-child, #topbar-sec .call_detail p:first-child{
    font-size:8px;
  }
  .call_detail p, .mail_detail p{
    font-size:10px;
  }
  #topbar-sec .social_icon i{
    font-size: 10px;
    width: 25px;
    height: 25px;
    padding-top: 6px;
  }
  #topbar-sec .social_icon i {
      margin: 2px;
  }
  .why-choose-column {
    padding:0;
  }
  section#testimonial {
    padding: 0;
  }
}
@media screen and (width:1024px){
	#footer input[type='email'], #footer input.search-field{
		width:200px;
	}
	.row{
		margin:0px ! important;
	}
}
@media screen and (max-width: 320px){
  #team .col-md-6{
    padding:0;
  }
	#Pet_supplies .btn-next {
    	left: 90px;
	}
	#footer input[type='email'], #footer input.search-field{
		width:250px;
	}
}
@media screen and (max-width: 767px) and (min-width:600px){
	#footer input[type='email'], #footer input.search-field{
		width:160px;
	}
}
@media screen and (max-width: 573px) and (min-width:480px){
	#footer input[type="submit"]{
		width:150px;
		right:137px;
	}
	#footer input[type='email'], #footer input.search-field{
		width:350px;
	}
}