@media (max-width:1200px){
	
	
	.contact-page-bttm-left{
		padding:2%;}
		
	
	.social {
    float: right;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
	.qut_form .form-group {
    margin-top: 35px;
  }

.logo {
    float: left;
    margin: 0 10% 2% 0;
    width: 23%;
}

.footer-logo.call {
    float: left;
    width: 40%;}

.footer-logo {
    float: left;
    padding-right: 3%;
    width: 27%;
}

	}
	
@media (min-width:1199px) and (max-width:1240px) {
	.social {
    width: 19%;
    text-align: center;
    margin-top: 0px;
    float: right;
}
	.wrap {
    width: 1207px;
    margin: 0 auto;
}
	
	
	
	
	}
@media (min-width:991px) and (max-width:1199px) {
	.wrap {
    width: 1100px;
    margin: 0 auto;
}
	
	}
	
	
@media (max-width: 1110px){
	
	.wrap {
    width: 994px;
    margin: 0 auto;
}

.about-pet {
    width: 97%;
    max-width: 1100px;
    margin: auto;
    text-align: center;
   
}

.footer-logo.call h1{ margin-top:0;
    padding: 0px 0 0px 0 !important;}
	}
	
	
	
@media (max-width: 1050px){
	.footer-logo.call {
    float: left;
    width: 40%;}}
	
/*@media (max-width:988px){
	.qut_form {
    background: #262626 none repeat scroll 0 0;
    margin-top: 72px;
    padding-bottom: 45px;
    width: 100%;
}
	}

*/

@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%;}
.about-text h1 {
    font-size: 20px;
    padding-top: 20px;
}
.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{width: 100%; float: left; background-color: #fff !important;}

.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: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:0px 0 20px;}
.our-menu-head{ width:100%; float:left; }
.menu-head-bttm{ width:100%; float:left; margin:40px 0 0 5px;}
.menu-pic{ width: 86%;
    float: left;
    background-color: #f6f6f4;
    text-align: center;
    /* padding: 4% 4%; */
    margin: 0 3% 20px 6%;}
.menu-pic-one{ width:100%;
    float: left;
    overflow: hidden;
    margin: 0 auto;}
    
.menu-pic img{
    position: relative;
    transition: all 1s ease;}   
.menu-pic img:hover{ transform:scale(1.1,1.1); cursor:pointer;}


.wood-bg{ width:100%; float:left;  }
.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:3% 2% 5% 2%; margin:0 2% 30px 2%;}


.footer{ width:100%; float:left;}

.footer h2 {font-size: 30px;}

.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;     width: 100%;}


.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 10px 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:#faf2eb; 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:#faf2eb; 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:#faf2eb;}


.contact-page-main{ width:100%; float:left; margin:30px 0 40px 0;}
.contact-page{ width:100%; float:left;}
.contact-page-top{ width:96%; float:left; border:#faf2eb 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: rgba(231, 231, 231, 0.7);
    float: left;
    margin: 0 2%;
    padding: 7%;
    width: 81%;}
.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:96%; 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:96%; float:left; margin:20px 2% 0 2%; }
.contact-page-bttm-rght-top{ width:90%; float:left;background-color:#faf2eb; 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{ float:left;background-color:#faf2eb; padding:5%; margin:30px 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 screen and (max-width: 800px){

button#responsive-menu-button {
    width: 40px !important;
    height: 40px !important;
    background: #a7b93b !important;
    position: absolute !important;
    top: 34px ;
    right: 3% !important;
    
}}

@media (max-width:800px) {
	#main-nav{
		display:none;}
	
	}
@media (max-width:991px) {
	
	.qut_form .form-group {
    margin-top : 35px;
    width: 25% !important;
}
	
.footer-logo.call {
    float: left;
    width: 70%;
}

#main-nav {
    width: 100%;
    float: right;
    margin: 30px 0 0px 8%;
}
.top-at{ padding-bottom:0;}

.banner_s .pos{top: 40px;}
.banner_s {
    max-height: 115px;}
	
	
.ser_img{ width:50%; float:left;}
.frst{width: 47%; padding-left: 6%;}
.smform-field-label{width: 48%;} 	

}


@media (max-width:521px) {
	.about-text {
    margin-top: 20px;
    width: 100%;
}
	}

@media (min-width:321px) and (max-width:520px) {
.div4{width:100%;}

.form-four-bttn {background-color: #FF7B71;}

.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%;
}

.about p {
    color: #767575;
    font-family: "Dosis",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 9px;
    text-align: justify;
}
.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; padding-bottom: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-family: 'Dosis', sans-serif; font-size: 18px; 
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{ width:100%; float:left; background-color:#faf2eb;}
.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:93%; 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;}
    
.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;  }
.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:0px;}
.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;}

.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:#faf2eb; 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:#faf2eb; 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:#faf2eb; 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:100%; float:left;}
.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:100%; float:left; padding:2%; background-color:rgba(231, 231, 231, 0.7); margin:0 0%;}
.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:#000; color:#fff; text-align:center;
border:none; font-size:16px; font-family:Arial, Helvetica, sans-serif;}


.form-four-bttn:hover{ background-color:rgba(34, 34, 34, 0.69); 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{  float:left;background-color:#faf2eb; 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:521px) and (max-width:767px) {
	
	
.sp-slideshow {
    height: auto;
}
.about-text h1 {
    margin: 41px 0px 0px;
}
.style10 {
    color: #7b7b7a;
    font-size: 15px;
    padding: 20px 0 6px;
    width: 250px;
}

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

.menu{ width:98%; float:left; margin:20px 0 0 2%; 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: 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 {
    width: 100%;
    float: left;
    background-color: #faf2eb;
    padding: 0px 0px 40px;
}
.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:30px 0 40px 0;}
.our-menu-head{ width:100%; float:left; }
.menu-head-bttm{ width:100%; float:left; margin:40px 0 0 0;}

.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;}


.wood-bg{ width:100%; float:left;  }
.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:0px;}
.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;}


.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; }

.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 20px;
    text-align: justify;
}
.about-txt{ width:92%; float:left; padding:2% 2%; background-color:#faf2eb; 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:#faf2eb; 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:#faf2eb; 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%;
}
.contact-page-bttm-rght-bttm{margin:20px 0 0;}
}
@media (min-width:1150px) and (max-width:1156px){
.div2 {
    min-height: 774px;
}

}
/******************************************************************************/

@media (min-width:769px) and (max-width:995px) {
.logo a img {
    max-width: 250px;
    width: 100%;
}
.menu-pic-two h1 {
font-size: 16px;}
.about {
    background-color: #ffffff;
    background-image:none;
    padding: 10px 0px;
   
}
.copy-text {
background: #fff;}
.menu-pic img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    min-height: 200px;
    max-height: 200px;
}
.footer-logo {
    display: grid;
}

.about-section {
    float: left;
    padding: 20px 0;
    width: 100%;
     /*padding: 0 0 20px;*/
	     padding-left: 20px;
}
.sp-slideshow {
    /*height: 260px;*/
}
.wrap{ width: 100%; margin: 0 auto; }

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

.menu{ width:98%; float:left; margin:20px 0 0 2%; text-align: center;}
.menu ul{ list-style:none; margin:0px; padding:0px; text-align: center; }
.menu ul li{ display: inline-block;}
.menu ul li a{font-family:'Roboto', sans-serif; font-size: 14px; color: #fff;  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: #faf2eb none repeat scroll 0 0;
    float: left;
    margin-top: 20px;
    max-width: 892px;
    min-height: 420px;
    padding: 20px;
    width: 99%;
}
.pie1 {
    background: #faf2eb 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%;
}


}

/******************************************************************************/
@media (min-width:993px) and (max-width:1280px) {.about-head{padding:12px 0 50px !important;}
.our-menu{padding:11px 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:996px) and (max-width:1200px) {


.wrap{margin: 0 auto; }
.logo{  text-align:center; padding: 0px 10px;}

    .div2 {

    min-height: 757px;

}
.menu{
float: left;
margin: 12px 0 0 2% !important;
text-align: center;}
.about {
    background-color: #ffffff;
    padding: 40px 40px;
    background-image: none;
}
.logo {
    margin: 0 0% 0 0;
}
.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: #fff;  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{ float:left;}
.about-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#333; 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:#faf2eb; 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:#faf2eb; 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:#faf2eb;}
.sp-slideshow {
    height: 336px;
}

}

@media (max-width: 768px){
    /*  */
    
.about-internal{ width:100%; float:left;}
.about-left{ float:left;     width: 95%;}
.about-left h1{font-family:'PT Sans', sans-serif; font-size:30px; color:#333; font-weight:700; }
logo {
    width: 100%;
    text-align: center;
    margin-top: 40px !important;
}
.wrap {
    width: 100%;
    margin: 0 auto;
}
.menu-pic-two h1 {font-size: 12px;     line-height: 39px; }
/* .menu-pic img {
    max-height: 200px;
    min-height: 200px;
} */
    /*  */

.about-pet {width:100%;}
.footer h2 {font-size: 18px;}
.about{width: 100%;background-color: #ffffff; margin-top: 0px;background-repeat: no-repeat;
clear: both; display: list-item; background-image:none;}

.footer-logo ul {margin: 12px auto; width: 100%;}
.form-four {
    width: 97% !important;
    margin: 0 auto;
}
.our-menu {padding: 11px 10px 25px;}
.footer h3 {font-size: 34px;}
.footer h6 {font-size: 19px;
}


.home_product .home_product_box .box{ width:100%; float:left;}
.home_product .home_product_box .box img{
	max-height:auto !important;}
.width_forty{ width:100%; text-align:center; padding-left:0;}
.width_forty img{ max-width:100%; width:auto;}
.frst{width: 80%; padding-left: 15%;}

}


@media (max-width: 768px){
	
	.ser_img {
    width: 100% !important;
    float: left;
}

.about-text {
    width: 96%;
    padding-left: 2%;
}

.about-form {width: 100%;}
.fix{width: 46%;}
.contact-page-bttm-left{    width: 100%;
}
}



@media (max-width: 500px){
    
.form-four-bttn {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    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: 0px 0px 0px;
}
.fix {
    width: 100%;
}


.home_product .home_product_box .box{ width:100%;}
.home_product .home_product_box .box img{ max-height:inherit;}

}





@media (max-width: 360px){
.footer .about-form {
    width: 100%;
}
.footer p {
    font-size: 15px;
padding: 10px 0px;
line-height: 20px;
}
.copy-text {
    line-height: 21px;
    padding: 16px 0px;
}
.wood-bg {padding: 16px 0 0px 0;}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
}
.flex-direction-nav li {
    width: 50px;
}
.menu-pic-two h1 {
font-size: 17px;}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #403c3c;
}
.flex-direction-nav li {
    width: 258px;
}

.abt_txt2 p{ font-size:21px; line-height: 25px;}
.wood-bg h1::after {top: 90px;}

}

@media (max-width:767px){
	
	.about-left h1 {
    font-size: 30px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    color: #212121;
    text-transform: uppercase;
    padding: 0px 0px 9px 0px;}
	
	.about-pet {
    width: 95% !important;
    max-width: 1100px;
    margin: auto;
    text-align: center;
}
	
	.ser_image::before {
    content: url(../images/backgroundsd.png);
    height: 150px;
    width: 100%;
    position: absolute;
    padding: 5px;
}
	
	.col-md-12.kitc.enter {
    margin-left: -10px;
    text-align: center;
    width: 100% !important;
}
.col-md-12.kitc {
    width: 100% !important;
}
	.about-section {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0px 0px 40px 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}
	
	.col-md-12.kitc {
    position: absolute;
   /* top: 80px;*/
    text-align: center;
    margin-left: -10px;
}
	
	.abou_txt{
		margin-left:12px;}
	
	
	.about p{
		  text-align: justify;
		}
		
	.about-txet {
    float: left;
    padding-top: 4%;
    width: 100%;
}

.col-md-12.kitc{
	width:100%;}
	
	.menu ul li a{
		border-right:none !important;
		}
		
		.social {
    float: right;
    margin-top: 0;
    padding: 15px;
    text-align: center;
    width: 100%;
}
	
.footer-logo {
    /* float: left; */
    /* padding-right: 0; */
    width: inherit;
    display: inline-block;
    margin: 0 auto;
}
.footer-logo h2 {
	display: inline-block;
    margin-bottom: 17px;}

.footer-logo.call {
    float: left;
    width: 100%;
}
.footer-logo.call h1{
	text-align:center;}
	
	.footer{
		padding-top:15px !important;}
		
		.ftr_link {
    padding-bottom: 15px !important;
}
	
	.qut_form .form-group {
    margin-left: 2%;
    width: 100% !important;
}
.qut_form .btn-default{
	 font-size: 17px;
    margin-left: 2%;
    margin-top: 20px;
    padding: 8px 18px;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    width: 99%;}

.menu ul li{
    float: none; border-right:0!important;
}
.menu ul li a{
    color: #fff !important;
}

.about-text1 { width: 100%;}
.about-form1 {width: 100%;}
.contact-page-bttm-rght-bttm img{
    /*display: none;*/
}
.contact-page-bttm-rght-bttm{
    /*display: none;*/
}
.menu ul li { border-right: none; }
.menu ul li a{
  padding: 11px 18px;  
}

.banner_s .pos{ left:40px;}
.smform-field-label{width: 50%;}
.carriers_fm input{width: 50%;}
.carriers_fm textarea{width: 50%;}
.smform-submitbtn-cont input.smform-submit{ width:20%;}
.wrap .carriers_fm1 .smform-field-label{ margin-left:32%;}
.wrap .smform-checkbox-cont{ margin-left:32%;}
#smformcont-644 .smform-field-label{width: 32%;}
.contact-page-bttm-rght{ width:94%;}
.footer h2 {font-size: 47px;}


}

@media (max-width:580px){
.smform-field-label{width: 50%;}
.carriers_fm input{width: 98%;}
.carriers_fm textarea{width: 98%;}
.smform-submitbtn-cont input.smform-submit{ width:30%;}
.wrap .carriers_fm1 .smform-field-label{ margin-left:0%;}
.wrap .smform-checkbox-cont{ margin-left:0%;}

.ser_img{ width:100%; float:left; margin-bottom:0!important; margin-top: 23px;}
.frst { width: 95%; padding-left: 5%;}
.smform-field-label { width: 100%; margin-right: 0px;}	
.frst input{width: 100%;}
.smform-field-label{ text-align:left; margin-bottom:0;}
#smformcont-644 .smform-field-label{width: 100%;}
.smform-title{line-height: 34px; font-size:21px;}
}

@media (max-width:768px){

.footer{
    padding: 0px;
    padding-bottom: 10px;
}
.footer .about-form{
    padding-top: 0px;
}


section.qut_form{padding: 40px 10px 60px;}

}


@media (max-width: 991px){
	
	.ser1 img {
    width: 100%;
}
	.about-text {
    float: left;
    width: 96%;
    clear: both;
	    padding-left: 2%;
}
	
	.about-txet {
    float: left;
    width: 100%;
    padding-top: 8%;
    margin-left: 0;
}
	.ser_image::before {
    content: url(../images/backgroundsd.png);
    height: 150px;
    width: 100%;
    position: absolute;
    padding: 5px;
}
	
	.contact-page-bttm-left{
		padding:2%;}
		
		.col-md-12.kitc.enter {
    
    margin-left: -10px;
    text-align: center;
    width: 100% !important;
}
.col-md-12.kitc {
    width: 100% !important;
}
		
		
	
	.social {
    float: left;
    margin-top: 0;
    padding: 23px 10px 10px;
    text-align: center;
    width:100%}
	
	.ser1 {
    margin-bottom: 30px;
}
#main-nav {
    text-align: center;
}
.about-internal {
    width: 96%;
    margin-left: 2%;
}
.footer-logo ul{
    float: none;
}
}

@media (min-width: 521px) and (max-width: 768px){
.menu-pic img {
    transition: all 0.3s ease-in-out;
    width: 100%;
    max-height: 156px;
    min-height: 156px;
    object-fit: cover;
}
}




@media  (max-width: 399px){
	.about-text h1 {
    margin: 23px 0 14px;
    text-align: center;
    text-transform: uppercase;
}

.ser_txt{
	padding:0px 10px;}
	
.ser_image {
    margin-top: 0px;}
	
	}


@media  (max-width: 320px){
	.qut_form h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 35px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    margin: 0px;
    padding-top: 46px;
}
}