@media (min-width:992px) and (max-width:1202px) {
	
	.about-pet{
		    padding: 55px 32px 55px 17px;
		}
	}
	
	
@media  (max-width:992px) {
	.head-right h1{ text-align:center;}
	
	.about-pet {
    padding: 55px 0px 55px 0px;
}
	
	.about-text2 {
    width: 100%;
    padding-right: 0px;
    float: left;
    margin-top: 20px;
}

.about-text1 {
    width: 45%;
    float: right;
    padding-left: 16px;
    margin-top: 63px;
}
	
	.head-right {
    width: 100%;
    float: left;
	padding: 15px 0px !important;
    padding-top: 35px;
    text-align: center;
}
	}
	
	@media  (max-width:900px) {
.about-pet {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 28px 0px 30px 0;
}
		}
	
@media  (max-width:840px) {
	.head-left { margin-left: 0px;}
	
}



@media (min-width:100px) and (max-width:400px) {

.wrap{ width:100%; margin:0 auto;}
.header{ width:100%; float:left;}
.top-at{ width:100%; float:left; padding:10px 0;}
.logo{ width:100%; text-align:center;}
.logo img{ width: auto; height: auto; }
.logo a img {
    max-width: 250px;
    width: 100%;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #dd2e2d !important;
    width: 98%;
}
.sp-slideshow {
    height: 63px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:0px;}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    display: -moz-deck;
    float: left;
    list-style: outside none none;
    margin: 1px 0.2em 0 0;
    padding: 1px;
    position: relative;
    text-align: center !important;
    top: 0;
    white-space: nowrap;
    width: 97.5%;
}
.pie1 {
   margin-left: 1px;
    max-width: 261px;
    width: 99%;
}
.div4{width:100%; max-width: 236px;}
.div5{width:100%; max-width: 236px;}
.menu{ width:96%; float:left; margin:20px 0 0 4%; }
.menu ul{ list-style:none; margin:0px; padding:0px; }
.menu ul li{ float:none !important; display: block; border-bottom: #5b7186 solid 1px;90%}
    font-family: 'Dosis', sans-serif;
    background-color: #344a5f;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
font-weight: 400;}
.menu ul li a.active{background-color: #5ca202 ; color: #fff;}


.number{ width:100%; float:right !important; padding:5px 0 0 0;}
.number h1{font-family: 'Dosis', sans-serif; font-size:26px; font-weight:400; color:#5ca202; text-align:center;}



.about-form {
       width: 90%;
    float: right;
    padding: 20px;
    background: #344a5f;
}
.about-head{ width:100%; float:left; padding:40px 0 40px 0;}
.about-head p{font-family:'Roboto', sans-serif; font-size:18px; color:#fff; line-height:26px; padding:20px 20px 0 20px; 
text-align:justify; font-weight:100; text-align:center;}



.our-menu{ width:100%; float:left; background-color:#ffffff;     padding: 40px 0 16px;}
.our-menu-head{ width:100%; float:left; }
.menu-head-bttm{ width:100%; float:left; margin:20px 0 0 0;}
.textmonl{padding:0px;}
.menu-pic{width: 47%;
    float: left;
    background-color: #efefef;
    text-align: center;
    margin: 0 1.5%; margin-bottom:35px;
	}
	
	.menu-pic-rt{width: 47%;
    float: right !important;
    background-color: #efefef;
    text-align: center;
    margin: 0 1.5%; margin-bottom:35px;
	}
.menu-pic-one{ width:100%;
	max-height: 359px;
	height:auto;
    float: left;
    overflow: hidden;
    margin: 0 auto;     position: relative;}
	/*.textwidget{    font-family: roboto; line-height:35px; font-size:18px;}*/
.menu-pic-one img{max-width: 100%;
    width: 100%; overflow: hidden;
    max-height: 359px;
    position: relative;
      -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}	
.menu-pic-one:hover img{  cursor:pointer; transform:scale(1.1); overflow:hidden;
   -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
	
.menu-pic:hover img{  cursor:pointer; transform:scale(1.1); overflow:hidden;
   -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }	


/*.wood-bg{ width:100%; float:left; background:url(../images/wood-bg.jpg) left top no-repeat;     margin-top: 0px; background-size: cover; }*/
.what-makes{ width:100%; float:left; text-align:center;}
.what-makes h1 {color:#fff; }

.what-makes-item{ width:92%; float:left; background:#fff; margin:40px 2% 0 2%; padding:4% 1.5% 4% 2%;}
.what-makes-gray-bg{ width:92%; float:left; background-color:#efefef; text-align:center; padding:3% 2% 5% 2%; margin:0 2% 30px 2%;}
/*  */
.fld-rqd{text-align:center;}
.fld {width: 26.3%; float:none;}
/*  */

.footer{ width:100%; float:left;     background: #e2e2e2;}
.footer .about-form {width: 84%;}
.footer h2 {font-size: 30px;}

.footer-logo{ width:100%; text-align:center; margin:0 auto !important; padding-bottom:0px;}
.footer-logo img{ padding:20px 0 0 0;}
.footer-logo h1{font-family: 'open sans', sans-serif;
    font-size: 31px;
    color: #242424;
    text-align: center;
    font-weight: 400;
    padding: 0px 0 20px 0;
    line-height: 34px;}
.footer-logo ul{ list-style:none; margin:0 auto; padding:0px;     width: 100%;}
.footer-logo ul li{    width: 37px;
    height: 37px;
    border: #fff solid 2px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    margin: 20px 10px 0px;
    display: inline-block;
    transition: 1s ease all;
}
.footer-logo ul li i {
    font-size: 15px;
    color: #fff;
    padding: 12px 0 0 0;
}
.footer-logo ul li i{ font-size:19px; color:#fff; padding: 10px 0 0 0; }
.footer-logo ul li:hover{ cursor:pointer; background-color:#437d07; border:#437d07 solid 2px}





.about-banner{ width:100%; float:left;}
.about-internal{ width:100%; float:left;}
.about-left{ width:100%; float:left; margin:0 0 0 1%;}
.about-left h1{font-size:30px; color:#333; font-weight:700; padding:40px 0;}

.about-right{ width:48%; float:left; margin:15px 1% 0 3%;}
.about-right ul{ list-style:none; margin:0px; padding:0px;}
.about-right ul li{ float:left; color:#fff;}
.about-right ul li a{font-family:'Roboto', sans-serif; font-size:16px; color:#fff; font-weight:400; padding:0 5px;}
.about-right ul li a:hover{ color:#e61e2b;}


.about-section{ width:100%; float:left; }
.about-txt{ width:92%; float:left; padding:2% 2%; background-color:#f5f5f5; margin:0 2%;   max-height: 1874px;}
.about-txt p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:justify; font-weight:300; line-height:26px;
 padding:0 0 15px 0;}
 
.about-menu{ width:92%; float:left; margin:30px 2% 0 2%; background-color:#f5f5f5; padding:2% 2% 8% 2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:15px 0 15px 0; text-align:center;}

.about-menu-pic-at{ width:100%; float:left; text-align:center;}
.about-menu-pic-at-left{ width:96%; float:left; margin:0 2% 0 2%;}
.about-menu-pic-at-left img{ width:100%; margin-bottom:15px; height:auto;}
.about-menu-pic-at-rght{ width:96%; float:left; margin:0 2% 0 2%;}
.about-menu-pic-at-rght img{ width:100%;}


.int-menu{ width:100%; float:left;}
.most-popular{ width:100%; float:left; margin:0px 0 0px 0;}
.most-popular-top{ width:100%; float:left;}
.most-popular-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; text-align:center; 
text-transform:uppercase; }

.most-popular-top h1:after{  content: " ";
    display: block;
    width: 63px;
    height: 2px;
    background-color:#5ca202;
    margin: 0.35em auto 0.45em;
	}

.most-popular-top p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:center; font-weight:300; padding:5px 0 0 ;}

.most-popular-bttm{ width:96%; float:left; }
.div2{margin-right: -40px;}
.most-popular-bttm-menu-at{ width:96%; float:left; margin:0 2% 20px 2%; border:1px solid #fff;}
.most-popular-bttm-pic{      width: 100%;
    max-height: 246px;
    overflow: hidden;
    position: relative;
 }


.most-popular-bttm-pic img{   

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    max-height: 397px;}
	
	
.most-popular-bttm-menu-at:hover .most-popular-bttm-pic img {
    background-size: cover;
    background-position: center;
    -webkit-transform: rotate(0deg) scale(1.1);
    -moz-transform: rotate(0deg) scale(1.1);
    -ms-transform: rotate(0deg) scale(1.1);
    -o-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 1s ease-in-out;
  
	
}	
	
.most-popular-bttm-txt{ width:100%; float:left; text-align:center;}
.most-popular-bttm-txt h1{font-family:'Roboto', sans-serif; font-size:22px; color:#4c4c4c; text-align:center; font-weight:300; 
padding:30px 0 0 ;}
.most-popular-bttm-txt h2{font-family:'Roboto', sans-serif; font-size:16px; color:#e61e2b; text-align:center; font-weight:700; 
padding:15px 0 0 ;}

.most-popular-bttm-menu-at:hover{ background-color:#f5f5f5;}


.contact-page-main{     width: 100%;
    float: left;
    background: #fbfbfb;
    padding: 40px 0px;}
.contact-page{ width:100%; float:left;}
.contact-page-top{ width:96%; float:left; border:#f5f5f5 solid 2px; margin:0 2%;}
.contact-page-top img{ width:100%; max-height:320px;}

.contact-page-bttm{ width:100%; float:left; margin:30px 0 0 0;}
.contact-page-bttm-left{  background-color: #f5f5f5;
   width: 50%;
    float: left;
        padding: 2.5% 6%;}
.contact-page-bttm-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; 
text-transform:uppercase; padding-bottom:15px;}

.form-one{ width:98%; float:left; margin:0 2% 0 0%;}
.inp{ width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; border:#ccc solid 1px; height:42px;
padding:0 0 0 10px;}


.form-two{ width:98%; float:left; margin:12px 0 0 0;}
.form-three{ width:98%; float:left; margin:12px 0 0 0;}
.form-four{ width:20%; float:left; margin:12px 0 20px 0;}
.form-four-bttn{ width:100%; float:left; height:40px; line-height:40px; background-color:#56910a; color:#fff; text-align:center;
border:none; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


.form-four-bttn:hover{ background-color:#4c4c4c; cursor:pointer;}


.at-txt{ width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; border:#ccc solid 1px; 
height:110px; padding:10px 0 0 10px;}	

.contact-page-bttm-rght{ width:45%; float:left; margin:0px 0% 0 0%; }
.contact-page-bttm-rght-top{ width:100%; float:left;background-color:#f5f5f5; padding:5% 5% 0 5%;}
.contact-page-bttm-rght-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; 
text-transform:uppercase; }

.contact-page-bttm-rght-top h2{font-family:'Roboto', sans-serif; font-size:18px; color:#4c4c4c; padding:8px 0;
font-weight:300;}

.contact-page-bttm-rght-bttm{ width:100%; float:left;background-color:#f5f5f5; padding:5%; margin:0px 0 0 0;}
.contact-page-bttm-rght-bttm img{ width:100%; height:260px;}
.about-section{padding:0px 0px !important;}
.about-menu{margin: 83px 2% 0;}
}
/* lalit */
/* .div1 {
    margin: -95px -45px;
    padding: 10px;
    width: 100%;
}
.pie1 
{
    margin: -95px -45px;
    padding: 10px;
    width: 100%;
}
.div2 {
    margin-right: 23px;
    margin-top: 115px;
    max-width: 300px;
    width: 100%;
} */



@media (min-width:321px) and (max-width:520px) {

.div4{width:100%;}
.about-section{padding:0px 0px !important;}
.pie1 {
    max-width: 550px;
    width: 98%;
	min-height: 421px;
}
.sp-slideshow {
    height: 110px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #dd2e2d !important;
    width: 100%;
}
.ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0;
    display: -moz-deck;
    float: left;
    list-style: outside none none;
    margin: 1px 0.2em 0 0;
    padding: 1px;
    position: relative;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 99.5%;
}
.logo a img {
    max-width: 250px;
    width: 100%;
}
.div5{width:100%;}
.div1{width:98%;}

.wrap{ width:100%; margin:0 auto;}
.header{ width:100%; float:left;}
.top-at{ width:100%; float:left; padding:10px 0;}
.logo{ width:100%; text-align:center;}

.menu{ width:98%; float:left; margin:20px 0 0 2%; }
.menu ul{ list-style:none; margin:0px; padding:0px; }
.menu ul li{ float:none !important; display: block;}
.menu ul li a{font-size: 18px; color: #fff; 
text-decoration: none; font-weight: 400;}
.menu ul li a.active{background-color: #5ca202 ; color: #333;}


.number{ width:100%; float:right !important; padding:5px 0 0 0;}
.number h1{font-family: 'Dosis', sans-serif; font-size:26px; font-weight:400; color:#5ca202; text-align:center;}
.footer-logo ul li {
    width: 37px;
    height: 37px;
    border: #fff solid 2px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    margin: 20px 10px 0px;
    display: inline-block;
    transition: 1s ease all;
}
.footer-logo ul li i {
    font-size: 19px;
    color: #fff;
    padding: 10px 0 0 0;
}

.about{ width:100%; float:left; background-color:#f5f5f5;}
.about-head{ width:100%; float:left; padding:40px 0 40px 0;}
.about-head p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; line-height:26px; padding:20px 20px 0 20px; 
text-align:justify; font-weight:300;}



.our-menu{ width:100%; float:left; background-color:#ffffff; padding:0 0 20px;}
.our-menu-head{ width:100%; float:left; }
.menu-head-bttm{ width:100%; float:left; margin:40px 0 0 0;}
.menu-pic{ width:86%; float:left; background-color:#f6f6f4; text-align:center; padding:4% 4%; margin:0 3% 20px 3%;}
.menu-pic-one{ width:100%;
    float: left;
    overflow: hidden;
    margin: 0 auto;
    height: 200px;}
	
.menu-pic img{ width: 100%; height: 200px;
    position: relative;
    transition: all 1s ease;}	
.menu-pic img:hover{ transform:scale(1.1,1.1); cursor:pointer;}


.wood-bg{ width:100%; float:left; background:url(../images/wood-bg.jpg) left top no-repeat; }
.what-makes{ width:100%; float:left;}
.what-makes h1 {font-family:'PT Sans', sans-serif; font-size:36px; color:#333; font-weight:700; text-align:center; 
text-transform:uppercase; }

.what-makes-item{ width:92%; float:left; background:#fff; margin:40px 2% 0 2%; padding:4% 1.5% 4% 2%;}
.what-makes-gray-bg{ width:92%; float:left; background-color:#efefef; text-align:center; padding:4% 2% 5% 2%; margin:0 2% 30px 2%;}


.footer{ width:100%; float:left;}
.footer-logo{ width:100%; text-align:center; margin:0 auto !important; padding-bottom:15px;}
.footer-logo img{ padding:20px 0 0 0;}
.footer-logo h1{font-family:'Roboto', sans-serif; font-size:26px; color:#fff; text-align:center; font-weight:300; 
padding:20px 0 20px 0; line-height:34px;}
.footer-logo ul{ list-style:none; margin:0 auto; padding:0px;}




.about-banner{ width:100%; float:left;}
.about-internal{ width:100%; float:left;}
.about-left{ width:100%; float:left; margin:0 0 0 2%;}
.about-left h1{ font-size:30px; color:#333; font-weight:700; padding:40px 0;}

.about-right{ width:46%; float:left; margin:15px 1% 0 3%;}
.about-right ul{ list-style:none; margin:0px; padding:0px;}
.about-right ul li{ float:left; color:#300; font-size:16px;}
.about-right ul li a{font-family:'Roboto', sans-serif; font-size:14px; color:#333; font-weight:400; padding:0 5px;}
.about-right ul li a:hover{ color:#e61e2b;}


.about-section{ width:100%; float:left;}
.about-txt{float:left; padding:2% 2%; background-color:#f5f5f5; margin:0 2%; padding: 3%;
    width: 89.5%;}
.about-txt p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:justify; font-weight:300; line-height:26px;
 padding:0 0 15px 0;}
 
.about-menu{ width:92%; float:left; margin:30px 2% 0 2%; background-color:#f5f5f5; padding:2% 2% 8% 2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:15px 0 15px 0; text-align:center;}

.about-menu{ width:92%; float:left; margin:0 2% 0 2%; background-color:#f5f5f5; padding:2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:5px 0 5px 0;}

.about-menu-pic-at{ width:100%; float:left; margin:15px 0 0 0;}
.about-menu-pic-at-left{ width:47%; float:left; margin:0 2% 0 0;}
.about-menu-pic-at-left img{ width:100%;}
.about-menu-pic-at-rght{ width:47%; float:left; margin:0 0 0 2%;}
.about-menu-pic-at-rght img{ width:100%;}

.contact-page-main{ width:100%; float:left; margin-left:15px;}
.contact-page{ width:100%; float:left;}
.contact-page-top{ width:90%; float:left;  margin:0 2%;}
.contact-page-top img{ width:100%; max-height:320px;}

.contact-page-bttm{ width:100%; float:left; margin:30px 0 0 0;}
.contact-page-bttm-left{ width:92%; float:left; padding:2%; background-color:#bfdcdd; margin:0 2%;}
.contact-page-bttm-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; 
text-transform:uppercase; padding-bottom:15px;}

.form-one{ width:98%; float:left;}
.inp{ width:98.5%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; border:#ccc solid 1px; height:42px;
padding:0 0 0 10px;}

.form-two{ width:98%; float:left; margin:12px 0 0 0;}
.form-three{ width:98%; float:left; margin:12px 0 0 0;}
.form-four{ width:20%; float:left; margin:12px 0 20px 0;}
.form-four-bttn{ width:100%; float:left; height:40px; line-height:40px; background-color:#56910a; color:#fff; text-align:center;
border:none; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


.form-four-bttn:hover{ background-color:#85d6df; cursor:pointer;}


.at-txt{ width:98.5%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; border:#ccc solid 1px; 
height:110px; padding:10px 0 0 10px;}	

.contact-page-bttm-rght{ width:96%; float:left; margin:20px 2% 0 2%; }
.contact-page-bttm-rght-top{ width:90%; float:left;background-color:#bfdcdd; padding:5% 5% 0 5%;}
.contact-page-bttm-rght-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; 
text-transform:uppercase; }

.contact-page-bttm-rght-top h2{font-family:'Roboto', sans-serif; font-size:18px; color:#4c4c4c; padding:8px 0;
font-weight:300;}

.contact-page-bttm-rght-bttm{ width:90%; float:left;background-color:#f5f5f5; padding:5%; margin:30px 0 0 0;}
.contact-page-bttm-rght-bttm img{ width:100%; height:260px;}



.int-menu{ width:100%; float:left;}
.most-popular{ width:100%; float:left; margin:30px 0 0px 0;}
.most-popular-top{ width:100%; float:left;}
.most-popular-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; text-align:center; 
text-transform:uppercase; }

.most-popular-top h1:after{  content: " ";
    display: block;
    width: 63px;
    height: 2px;
    background-color:#5ca202;
    margin: 0.35em auto 0.45em;
	}

.most-popular-top p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:center; font-weight:300; padding:5px 0 0 ;}

.most-popular-bttm{ width:100%; float:left;}
.div2 {
  margin-right: -33px;
    margin-top: 20px;
    width: 98%;
	min-height:350px;
}
.most-popular-bttm-menu-at{ width:96%; float:left; margin:0 2% 20px 2%; border:1px solid #fff;}
.most-popular-bttm-pic{      width: 100%;
    max-height: 246px;
    overflow: hidden;
    position: relative;
 }


.most-popular-bttm-pic img{   

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    max-height: 397px;}
	
	
.most-popular-bttm-menu-at:hover .most-popular-bttm-pic img {
    background-size: cover;
    background-position: center;
    -webkit-transform: rotate(0deg) scale(1.1);
    -moz-transform: rotate(0deg) scale(1.1);
    -ms-transform: rotate(0deg) scale(1.1);
    -o-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 1s ease-in-out;}
  
	
	

}





@media (min-width:360px) and (max-width:767px) {
.sp-slideshow {
    height: auto;
}
.flex-direction-nav li:first-child {
    left: 148px !important;
}
.flex-direction-nav li:last-child {
    right: 180px !important;
}
.style10 {
    color: #7b7b7a;
    font-size: 15px;
    padding: 20px 0 6px;
    width: 250px;
}
.logo a img {
    max-width: 180px;
    width: 100%;
}
.wrap {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
.header{ width:100%; float:left;}
.top-at{ width:100%; float:left; padding:10px 0;}
.logo{ width:100%; text-align:center;}

.menu{ width:98%; float:left; margin:0px 0 0 2%; text-align: center;}
.menu ul{ list-style:none; margin:0px; padding:0px; text-align: center; }
.menu ul li{ }
.menu ul li a{font-family: 'Dosis', sans-serif;  font-size: 18px; color: #505050; 
text-decoration: none; display: block; font-weight: 400; }
.menu ul li a.active{background-color: #5ca202 ; color: #fff;}

.number{ width:100%; float:right !important; padding:5px 0 0 0;}
.number h1{font-family: 'Dosis', sans-serif; font-size:26px; font-weight:400; color:#5ca202; text-align:center;}
.about-head h1{font-size: 26px;}

.about{ width:100%; float:left; background-color:#f5f5f5;}





.our-menu{ width:100%; float:left; background-color:#ffffff; padding:30px 0 40px 0;}
.our-menu-head{ width:100%; float:left; }
.menu-head-bttm{ width:100%; float:left; margin:0px 0 0 0;}
.menu-pic{ width:48%; float:left; background-color:#f6f6f4; text-align:center; padding:2% 2%; margin:0 1% 10px 1%;}
.menu-pic-one{ width:100%;
    float: left;
    overflow: hidden;
    margin: 0 auto;
    height: auto;}
	
.menu-pic img{
    position: relative;
    transition: all 1s ease;}	
.menu-pic img:hover{ transform:scale(1.1,1.1); cursor:pointer;}



.what-makes{ width:100%; float:left;}
.what-makes h1 {color:#fff;}

.what-makes-item{ width:92%; float:left; background:#fff; margin:40px 2% 0 2%; padding:4% 1.5% 4% 2%;}
.what-makes-gray-bg{ width:92%; float:left; background-color:#efefef; text-align:center; padding:4% 2% 5% 2%; margin:0 2% 30px 2%;}


.footer{ width:100%; float:left;}
.footer-logo{ width:100%; text-align:center; margin:0 auto !important; padding-bottom:15px;}
.footer-logo img{ padding:20px 0 0 0;}
.footer-logo h1{font-family:'Roboto', sans-serif; font-size:22px; color:#09304c; text-align:center; font-weight:300; 
padding:20px 0 20px 0; line-height:34px;}
.footer-logo ul{ list-style:none; margin:0 auto; padding:0px;}
.footer-logo ul li{  width:60px; height:60px; border:#fff solid 2px; border-radius:50%; line-height:60px; text-align:center; 
margin:0 10px; display:inline-block; transition:1s ease all;}
.footer-logo ul li i{ font-size:30px; color:#fff; padding: 17px 0 0 0; }
.footer-logo ul li:hover{ cursor:pointer; background-color:#437d07; border:#437d07 solid 2px}

.about-banner{ width:100%; float:left;}
.about-internal{ width:100%; float:left;}
.about-left{ width:48%; float:left; margin:0 0 0 2%;}
.about-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#fff; font-weight:700; padding:40px 0;}

.about-right{ width:46%; float:left; margin:15px 1% 0 3%;}
.about-right ul{ list-style:none; margin:0px; padding:0px;}
.about-right ul li{ float:left; color:#fff; font-size:16px;}
.about-right ul li a{font-family:'Roboto', sans-serif; font-size:16px; color:#fff; font-weight:400; padding:0 5px;}
.about-right ul li a:hover{ color:#e61e2b;}


.about-section{ width:100%; float:left; padding:30px 0;}
.about-txt{ width:92%; float:left; padding:2% 2%; background-color:#f5f5f5; margin:0 2%;}
.about-txt p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:justify; font-weight:300; line-height:26px;
 padding:0 0 15px 0;}
 
.about-menu{ width:92%; float:left; margin:30px 2% 0 2%; background-color:#f5f5f5; padding:2% 2% 8% 2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:15px 0 15px 0; text-align:center;}

.about-menu{ width:92%; float:left; margin:0 2% 0 2%; background-color:#f5f5f5; padding:2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:5px 0 5px 0;}

.about-menu-pic-at{ width:100%; float:left; margin:15px 0 0 0;}
.about-menu-pic-at-left{ width:47%; float:left; margin:0 2% 0 0;}
.about-menu-pic-at-left img{ width:100%;}
.about-menu-pic-at-rght{ width:47%; float:left; margin:0 0 0 2%;}
.about-menu-pic-at-rght img{ width:100%;}

.div1 {width :99%!important; max-width: 687px;}
.div2 {  float: left;   width: 99% !important; max-width: 687px;}
.pie1 {
    max-width: 687px;
    width: 100%;
}

}
@media (min-width:1150px) and (max-width:1156px){
.div2 {
    min-height: 774px;
}

}


/******************************************************************************/
@media (min-width:767px) and (max-width:768px) {
		
.menu ul li{  }
}
@media (min-width:768px) and (max-width:992px) {
	
	.logo a img {
    width: 15%;
}
.about-section {
    float: left;
    padding: 20px 0;
    width: 100%;
     padding: 0 0 20px;
}
.sp-slideshow {
    height: 260px;
}
.wrap {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}

.logo{ width:100%; text-align:center;}

.menu{ width:100%; float:left; margin:0px 0 0 0; text-align: center;}
.menu ul{ list-style:none; margin:0px; padding:0px; text-align: center; }

.menu ul li a{font-family: 'Dosis', sans-serif; font-size: 17px; color: #505050;  font-weight: 400;
text-decoration: none; display: block; }
.menu ul li a.active{background-color: #5ca202 ; color: #fff;}

.number{ width:100%; float:right !important; padding:5px 0 0 0;}
.number h1{font-family: 'Dosis', sans-serif; font-size:26px; font-weight:400; color:#5ca202; text-align:center;}

.div2 {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    max-width: 892px;
    min-height: 420px;
    padding: 20px;
    width: 99%;
}
.pie1 {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    max-width: 747px;
    min-height: 380px;
    padding: 20px;
    width: 100%;
}

.about-menu {
min-height: 1239px;
    padding: 1%;

}

.about-txt {
    margin-left: 8px;
}
.our-menu {
    padding: 0 10px 42px 4px;}
.div1 {
    max-width: 938px;
    padding: 0 !important;
    width: 104.4%;
}
.contact-page-bttm-rght-bttm {
    margin:0;
}

}

/******************************************************************************/
@media (min-width:993px) and (max-width:1280px) {
.about-head {
    padding: 40px 0 24px 0;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #fff;
}
.our-menu{padding:40px 0 48px !important;} 
.about-section {
    float: left;
    padding: 20px 0;
    width: 100%;
}
.about-menu {

    min-height: 959px;}
}
.style10 {
    color: #7b7b7a;
    font-size: 15px;
    padding: 20px 0 6px;
    width: 260px;
    text-align: left;
}



@media (min-width:993px) and (max-width:1200px) {
	
	.logo a img {
    width: 60% !important;
}


.wrap {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
}

.logo{ width:24%; padding: 0px 0px;}
.what-makes h1 {
font-size: 29px;}
	.div2 {

    min-height: 757px;

}
.menu{ width: 100%;
float: left;
text-align: center;}
.head-left h1 {padding-right: 54px;}
.menu ul{ list-style:none; margin:0px; padding:0px; text-align: center; }
.menu ul li{ float:none !important; display: inline-block;}
.menu ul li a{font-family: 'Dosis', sans-serif; font-size: 15px; color: #333;  font-weight: 400;
text-decoration: none; display: block; }
.menu ul li a.active{background-color: #5ca202 ; color: #fff;}


.number{ width:15%; float:right !important; padding:20px 0 0 0;}
.number h1{font-family: 'Dosis', sans-serif; font-size:26px; font-weight:400; color:#5ca202; text-align:center;}


.about-banner{ width:100%; float:left;}
.about-internal{ width:100%; float:left;}
.about-left{ width:30%; float:left;}
.about-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#fff; font-weight:700; padding:40px 0;}

.about-right{ width:25%; float:left; margin:15px 0 0 45%;}
.about-right ul{ list-style:none; margin:0px; padding:0px;}
.about-right ul li{ float:left; color:#fff; font-size:16px;}
.about-right ul li a{font-family:'Roboto', sans-serif; font-size:16px; color:#fff; font-weight:400; padding:0 5px;}
.about-right ul li a:hover{ color:#e61e2b;}


.about-section{ width:100%; float:left; padding:22px 0;}
.about-txt{ width:40%; float:left; padding:2% 2%; background-color:#f5f5f5; margin:0 0 0 2%;}
.about-txt p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:justify; font-weight:300; line-height:26px;
 padding:0 0 15px 0;}
 
.about-menu{ width:36%; float:left; margin:0 0 0 3%; background-color:#f5f5f5; padding:2%;}
.about-menu-top{ width:100%; float:left;}
.about-menu-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; padding:5px 0 5px 0;}

.about-menu-pic-at{ width:100%; float:left; margin:15px 0 0 0;}
.about-menu-pic-at-left{ width:47%; float:left; margin:0 2% 0 0;}
.about-menu-pic-at-left img{ width:100%;}
.about-menu-pic-at-rght{ width:47%; float:left; margin:0 0 0 2%;}
.about-menu-pic-at-rght img{ width:100%;}


.int-menu{ width:100%; float:left;}
.most-popular{ width:100%; float:left; margin:50px 0 60px 0;}
.most-popular-top{ width:100%; float:left;}
.most-popular-top h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#444444; font-weight:700; text-align:center; 
text-transform:uppercase; }

.most-popular-top h1:after{  content: " ";
    display: block;
    width: 63px;
    height: 2px;
    background-color:#5ca202;
    margin: 0.35em auto 0.45em;
	}

.most-popular-top p{font-family:'Roboto', sans-serif; font-size:16px; color:#4c4c4c; text-align:center; font-weight:300; padding:5px 0 0 ;}

.most-popular-bttm{  float: left;
    margin: -45px 0 0 -46px;
    width: 100%;}
.most-popular-bttm-menu-at{ width:26%; float:left; margin:0 2% 20px 2%; border:1px solid #fff;}
.most-popular-bttm-pic{      width: 100%;
    max-height: 246px;
    overflow: hidden;
    position: relative;
 }


.most-popular-bttm-pic img{   

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    max-height: 397px;}
	
	
.most-popular-bttm-menu-at:hover .most-popular-bttm-pic img {
    background-size: cover;
    background-position: center;
    -webkit-transform: rotate(0deg) scale(1.1);
    -moz-transform: rotate(0deg) scale(1.1);
    -ms-transform: rotate(0deg) scale(1.1);
    -o-transform: rotate(0deg) scale(1.1);
    transform: rotate(0deg) scale(1.1);
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 1s ease-in-out;
  
	
}	
	
.most-popular-bttm-txt{ width:100%; float:left; text-align:center;}
.most-popular-bttm-txt h1{font-family:'Roboto', sans-serif; font-size:22px; color:#4c4c4c; text-align:center; font-weight:300; 
padding:30px 0 0 ;}
.most-popular-bttm-txt h2{font-family:'Roboto', sans-serif; font-size:16px; color:#e61e2b; text-align:center; font-weight:700; 
padding:15px 0 0 ;}

.most-popular-bttm-menu-at:hover{ background-color:#f5f5f5;}
.sp-slideshow { height: 349px;}



}
@media (max-width: 998px){
	.head-left h1 {text-align: center;}
	.head-left {
    width: 100%;
    float: left;
	   padding: 0px 0px !important; 
}
	.about-head {padding: 108px 0 40px 0;}
.about-pet {width: 86%;}
.footer h2 {font-size: 26px;}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #fff;
}
.textmonl .about-head {padding: 40px 0 0px 0;}

.footer-logo ul {margin: 12px auto; width: 100%;}
.form-four {
    width: 100% !important;
    margin: 0 auto;
}
.footer h3 {font-size: 34px;}
.footer h6 {font-size: 19px;}
}
@media (max-width: 768px){
/* 6march */
.head-right {
    width: 64%;
    float: right;
    padding-top: 15px;
}

.about-text2 {
    width: 100%;
	padding-right:0px;
}
.about-text1 {
    width: 100%;
    float: left;
    padding-top: 20px;
	padding-left: 0px;
}
.what-makes h1 {
    font-size: 23px;
}
.qut {
    font-size: 16px;
padding: 12px 18px;}
.footer-logo ul li {
    width: 37px;
    height: 37px;
    border: #fff solid 2px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    margin: 20px 10px 0px;
    display: inline-block;
    transition: 1s ease all;
}
.flex-direction-nav li:first-child {
    left: 90px;
}
.flex-direction-nav li:last-child {
    right: 100px;
}
.footer-logo ul li i {
    font-size: 19px;
    color: #fff;
    padding: 10px 0 0 0;
}
.about-pet {width: 95%;}

.about-text2 h3{
	padding-top:0px !important;}
	
.footer h2 {font-size: 18px;}


.footer-logo ul {margin: 12px auto; width: 100%;}
.form-four {
    width: 100% !important;
    margin: 0 auto;
}
.our-menu {
   padding: 0px 0px 30px 0;
}
.footer h3 {font-size: 34px;}
.footer h6 {font-size: 19px;}
}
@media (max-width: 768px){
.about-text {width: 100%;}
.about-form {width: 84%;}
.fix{width: 46%;}
.contact-page-bttm-left{    width: 100%;}
.contact-page-bttm-rght {
    width: 100%;
    float: left;
margin-top: 10px;}
.about-head {
        padding: 40px 21px;
}
.fld {
    width: 26.3%;
    float: none;
}
}

@media (max-width: 520px){
	.menu ul li {text-align:left;     border-bottom: #5b7186 solid 1px;
width: 96%;}
.what-makes h1 {
    font-size: 19px;
    line-height: 30px;
	    font-weight: 500;
}
.about-head p{font-family:'Roboto', sans-serif; font-size:16px; color:#fff; line-height:26px; padding:20px 20px 0 20px; 
text-align:center; font-weight:300;}
.wood-bg p {
font-size: 16px;}
.head-right {
    width: 77%;
}
.about-text2 {
    padding-right: 0px;
}
.about-pet {padding: 0px; padding-bottom:30px;}
.wood-bg {
    padding: 20px;
}
.form-four-bttn {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: #F44336;
    color: #fff;
    outline: none;
    text-align: center;
    border: none;
    margin: 20px 0px 8px;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
}
.our-menu {
    padding: 30px 20px;
}
.fix {
    width: 100%;
}
.footer .about-form {
width: 80%;}
.about-text1 { width: 100%;}
.about-form1 {width: 100%;}
.footer .about-form {
    width: 100%;
}
.menu {
    width: 96%;
    float: left;
    margin: 0px 0 0 0%;
}
.menu-pic {
    width: 97%;
    float: left;
    background-color: #efefef;
    text-align: center;
    margin: 12px 1.5% 20px;
}
.fld {
    width: 89%;
    float: none;
    margin: 6px 10px;
}

.about-head h1 {font-size: 24px;}
}


@media (max-width: 360px){
	
	.wrap.commen_content.services p {
    padding: 10px;
}
	
	.footer-logo h1 {
    font-family: 'open sans', sans-serif;
    font-size: 25px;}
	
	.about-text2 {
    padding-right: 0px;
    padding-top: 50px;
}
.footer .about-form {
    width: 100%;
}
.menu-pic 
{
    width: 98%;
    float: left;
    background-color: #efefef;
    text-align: center;
    margin: 12px 0.5% 20px;
}
.fld {
    width: 89%;
    float: none;
    margin: 6px 10px;
}
.what-makes h1 {
    font-size: 24px;
}
.about-head h1 {font-size: 16px;
    line-height: 26px;
    margin-top: 18px;}
	.contact-page-bttm h2 {
    font-size: 18px;
    padding: 20px 0px;
}
.textwidget {
    font-size: 14px;
}
.contact-page-bttm-rght-top {
width: 100%;}
.contact-page-top {
    margin: 0% 2% 10%;
}
.about-text1 h6 {
    font-size: 14px;
    margin-bottom: 10px;
}
.pet-hr{display:none;}
}

@media (max-width: 991px){
	.menu-pic-two h1{ font-size:18px;}
	
	.widget_text {
    font-size: 23px;
}
	
	section.our-menu h3 {
    margin-top: 22px;
}
	.head-left {
    width: 100%;
    float: left;
    margin-left: 0;
}
	
.stellarnav ul{width: auto;
    display: inline-block;
    float: none;}	
	

#main-nav {
    text-align: center;
}
.about-text1 iframe{
    width: 100%;
    height: auto;
}

.vst h3{font-size: 24px;}
.contact-page-bttm h2{font-size: 24px;}

}

@media (max-width: 886px){
	
	.head-right{
		width:100%;}
	
	}
	
	@media (max-width: 800px){
		.menu-pic-two h1 {
    font-family: 'open sans', sans-serif;
    font-size: 17px !important; line-height: 30px;}
		}


@media (max-width: 767px){
	.stellarnav.mobile ul ul{ width:auto!important;}
	.small-banner h1 {font-size: 30px; line-height: 36px;}
	.cd-testimonials-wrapper{width: 100%;}
	.stellarnav .dd-toggle{width: 36px!important; height: 38px!important;}
	.stellarnav .dd-toggle i{top: 23%!important;}
	.stellarnav li li a:hover { border-radius:4px;}
	.contact-page-bttm-rght-bttm-one{    max-height: inherit;}
	.contact-page-bttm-rght-bttm img{    max-height: inherit; height:inherit;}
	.contact-page-bttm{margin: 0px 0px 20px!important;}
	.contact-page-bttm-rght-bttm{padding: 2% 5%;}
	.form-one{margin: 0 0% 0 0%; width: 100%;}
	.form-two{width: 100%;}
	.form-three{width: 100%;}
	
	
	.widget_text {
    font-size: 23px;
}
	
	.about-main .about-text2 {
    box-sizing: border-box;
    width: 100%;
}

.about-main .about-text1 {
    width: 100%;
}

.about-text1 img {
    width: 100%;
    height: auto;
}
	.head-left {
    width: 97%;
    float: left;
    margin-left: 0px !important;
}
	a.menu-toggle.mena {
    display: none !important;
}

	
	.about-text3 {
    float: left;
    padding-right: 13px;
    width: 100%;
}
	
	.head-right{
		width:100%;}
	
	}

@media (min-width: 521px) and (max-width: 767px){

    .menu-pic img {
    transition: all 0.3s ease-in-out;
    width: 100%;
      max-height: 223px;
    min-height: 150px;
}
.menu-pic-two h1 {
    font-size: 19px;
    line-height: 27px;
}
}

@media (max-width: 768px){

.about-text p {
    padding-right: 15px;
}
}

@media (max-width: 758px){
.menu ul li{ float:none !important; }
}


@media (max-width: 660px){
		
	.menu-pic img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    max-height: 273px;
    min-height: 150px;
}
	.our-menu {
    padding: 0px 0px 30px 0;
}
	
	.menu-pic {
    width: 97%;
    float: left;
    background-color:transparent;
    text-align: center;
    margin: 12px 1.5% 5px;
}
	.menu-pic-two h1 {
    font-family: 'open sans', sans-serif;
    font-size: 15px !important; min-height: inherit;
}
	
	}
	
	@media (max-width: 530px){
		
	.menu-pic {
    width: 97%;
    float: left;
    background-color: #efefef;
    text-align: center;
    margin: 12px 1.5% 20px;
}
		
		}

@media (max-width: 450px){
	.head-right{
		width:100%;}
	
	}