@media(max-width:1224px) {
    #cssmenu{
        margin-top: 10px;
    }
       
    .productinner .owl-carousel .owl-nav button.owl-next {
    right: 0!important;
}
     .productinner .owl-carousel .owl-nav button.owl-prev {
    left: 0!important;
}
    .menu li a {

    padding: 0 8px!important;
    } 
    .slider {
    position: relative;
      
  height: 434px!important;
        width: 100%;
   
}
    .logo img{
        margin: auto;
    }
    .search form{

    float: left;
    width: 100%;
}
    .search form input {
    width: 80%!important;
        display: block;
        margin: auto;
    }
    .search form button {
    right: 98px;
}
    .menu {
        float: none!important;
        text-align: center;
    }
}
@media(max-width:1112px) {
   .logo img{
         margin-bottom: 10px;
    } 
  .gallery {
    margin-top: 1em;
}
}
@media(max-width:1024px) {
     .menu li a {
    padding: 0 5px;
    }
   .search form {
    float: left;
    display: block;
}
 .search form button{
    right: 76px;
    }
   .welcome h1 {
    font-size: 2.3em;
}
.heading h1 {

    font-size: 32px;
    margin-bottom: 0px;
}
}
@media(max-width:992px) {
    .aboutpage p{
        text-align: justify;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next{
        right: 40%;
    }

    .logo{
        text-align: center;
    }
    .logo img{
        margin: auto;
    }
    #cssmenu{
        margin-top: 0px;
    }
    
    #cssmenu > ul > li > a {
        padding: 11px 10px;
        font-size: 12px;
        color: #333;
        margin: 0;
    }
  .slider {
    position: relative;
    height: 390px !important;
    width: 100%;
}
   .headimg img {
    margin: auto;
    width: 80%;
    }
    .productcnt h2 {
    font-size: 20px;
}
    .productinner .owl-carousel .owl-nav button.owl-next {
    right: -36px !important;
} .productinner .owl-carousel .owl-nav button.owl-prev {
    left: -36px !important;
}
    .productinner > .row > div:nth-child(1) > h4 {
    margin-bottom: 32px;
}
    .productinner > .row > div:nth-child(2) > h4 {
    margin-bottom: 32px;
}
    .abtcnt p {
    font-size: 14px;
    line-height: 30px;
}
    .aboutushomecnt button{
        margin: 0;
        margin-bottom: 30px;
    }
    .footer-top h2 {
    font-size: 20px;
}
    .footer-bottom p {
    font-size: 12px;
    }
    .aboutscroll .item .thumb {
    width: 18%;
    }
    .logo img{
        max-width: 150px;
        margin-bottom: 10px;
    }
}
@media(max-width:800px) {
    .footerbt{
        text-align: center;
   }
   .footerbt p {
    margin-bottom: 0!important;
}
 .productinner .owl-carousel .owl-nav button.owl-next {
    right: 0!important;
     top: 65px;
    } .productinner .owl-carousel .owl-nav button.owl-prev {
         top: 65px;
        left:0 !important;
    }
  .search form button {
    right: 63px;
}  
}
@media(max-width:768px) {
    .footerbt{
        padding: 5px 0;
        line-height: 20px;
    }
    .footerbt p{
        font-size: 12px;
        margin: 0;
    }
    .heading1 h1{
        font-size: 28px;
        font-weight: 800;
    }
    .producthome{
        padding-top: 1em;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 40%;
      
    }
        .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 40%;
    
    }
    .aboutus p{
        text-align: justify;
        font-size: 16px;
        line-height: 26px;
    }
    .bg1111{
        padding-top: 0;
    }
    .copy{
        text-align: center;
    }
    .productbox img{
        width: 100%;
    }
    #cssmenu #menu-button {

        background: #075f82;
    }
    .logo{
        text-align: center;
    }
    .topbar{
        text-align: center;
    }
    .num2{
        display: none;
    }
  .slider {
    height: 270px !important;
}
    .logo img {

}
    .demo-1{
    display: block!important;
}
    .welcome h1 {
    font-size: 2.0em;
}
.footer-links {
    padding-left: 0;
    }
     .aboutscroll .item .thumb {
    width: 20%!important;
    }
    .productcnt P {

    text-align: center;
    }
   .prodpage .item {
    text-align: center;
    }
    .prodpage .item img{
        margin: auto;
    }
}
@media(max-width:600px) {
    
   .welcome h1 {
    font-size: 1.5em;
} 
}
@media(max-width:560px) {
   .search form input {
    width: 100%!important;
    }
    .search form button {
    right: 4px
}

}
@media(max-width:480px) {
 .dl-menuwrapper button::after {
    width: 55%!important;
    top: 17px!important;
    }
    .column {
    padding:0.5em 0em!important;
}
    .bread h3 {
    color: #000;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
	.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    background: #000;
    border-bottom: 1px dashed #b1b1b1;
    font-size: 15px;
    padding: 9px;
}
	.p23 {
    padding: 5px;
}
	.bread {
   
    line-height: 35px;
    text-align: center;

}
	.top-bottom-spacing {
    background: #eee;
    padding: 5px;
}
}



@media (max-width: 768px){
    .map{
        margin-right: 0;
    }
#cssmenu > ul > li {
    float: left;
    padding: 0px;
}
.imggall img{
    margin-bottom: 15px;
}
.acamc h3{
    font-size: 20px;
}
.enq{
    text-align: center;
}
.enq button{
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
}

}

@media(max-width:640px) {
    .bannerinner{
        height: 140px;
    }
    .bannerinner h1 {
        padding-top: 20px;
        font-size: 22px;
}
}


@media(max-width:640px) and (min-width:360px){
	.topbar {
    
}
	#cssmenu {
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    float: right;
}
	.marquee {
    box-sizing: border-box;
    text-align: center;
    height: 80px;
    /* border: 1px solid #000; */
}
	.marquee marquee {
    height: 80px;
    text-align: center;
    background: #21201b;
    padding: 5px;
}
	.marquee marquee img {
    padding-bottom: 7px;
    cursor: pointer;
    margin: auto;
    width: 127px;
    /* width: 36%; */
}
.bannerhome .carousel-control.left {
    background: none;
    top: 45%;
    color: #fff;
    background: #000;
    width: 25px;
    height: 25px;
    left: 46%;
    line-height: 29px;
}
	.bannerhome .carousel-control.right {
    background: none;
    top: 45%;
    left: 54%;
    color: #fff;
    background: #000;
    width: 25px;
    height: 25px;
    line-height: 29px;
}
	.heading h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
    color: #2d292a;
}
	/* .heading h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 22%;
    top: 31px;
    height: 1px;
    width: 100px;
} */
	/* .heading h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 22%;
    top: 31px;
    height: 1px;
    width: 100px;
} */
	
	.drop-cap:first-letter {
    font-size: 3.6em;
    float: left;
    margin-top: .15em;
    color: #000;
}
	.heading1 h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
    color: #2d292a;
    text-align: center;
}
	/* .heading1 h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 12%;
    top: 15px;
    height: 2px;
    width: 40px;
}
	.heading1 h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 12%;
    top: 15px;
    height: 2px;
    width: 40px;
} */

.enqbtn1 a {
    background: #000;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 4px;
    float: right;
    text-decoration: none;
    padding: 7px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
	.enqsec1 h2 {
    color: #fff;
    font-size: 16px;
    line-height: 14px;
}
	.enqsec1 {
    background: url(../images/bro.png) no-repeat center;
    padding: 1em 0;
    margin: 1.2em 0;
    background-position: 100% 82%;
}
	.heading2 h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
    color: #2d292a;
    text-align: center;
}
	.heading2 h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 34%;
    top: 31px;
    height: 1px;
    width: 100px;
}
	.heading2 h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 34%;
    top: 31px;
    height: 1px;
    width: 100px;
}
	.marquee1 {
    box-sizing: border-box;
    text-align: center;
    height: 200px;
}
	.marquee1 marquee {
    height: 200px;
    text-align: center;
    padding: 5px;
}
	.footerbt p {
   
    color: #ccc;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}
	.banner img {
		height:160px;
	}

}

@media(max-width:568px){
    .enq {
        padding: 10px 15px;
    }
    #slider a{
        top:30%
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: 35%;
      
    }
        .owl-theme .owl-controls .owl-buttons .owl-next {
        right: 35%;
    
    }
}


@media(max-width:568px) and (min-width:320px){
	.topbar {
        
}
	#cssmenu {
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    float: right;
}
	.marquee {
    box-sizing: border-box;
    text-align: center;
    height: 80px;
    /* border: 1px solid #000; */
}
	.marquee marquee {
    height: 80px;
    text-align: center;
    background: #21201b;
    padding: 5px;
}
	.marquee marquee img {
    padding-bottom: 7px;
    cursor: pointer;
    margin: auto;
    width: 127px;
    /* width: 36%; */
}
.bannerhome .carousel-control.left {
    background: none;
    top: 45%;
    color: #fff;
    background: #000;
    width: 25px;
    height: 25px;
    left: 46%;
    line-height: 29px;
}
	.bannerhome .carousel-control.right {
    background: none;
    top: 45%;
    left: 54%;
    color: #fff;
    background: #000;
    width: 25px;
    height: 25px;
    line-height: 29px;
}
	.heading h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 24px;
    margin-bottom: 0;
    color: #2d292a;
}
/* .heading h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: -2%;
    top: 11px;
    height: 2px;
    width: 20px;
}
.heading h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: -2%;
    top: 11px;
    height: 2px;
    width: 20px;
} */
	
	.drop-cap:first-letter {
    font-size: 3.6em;
    float: left;
    margin-top: .15em;
    color: #000;
}
	/* .heading1 h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
    color: #2d292a;
    text-align: center;
}
	.heading1 h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 12%;
    top: 15px;
    height: 2px;
    width: 20px;
} */
	/* .heading1 h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 12%;
    top: 15px;
    height: 2px;
    width: 20px;
} */
	/* .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 52%;
    top: 100%;
    position: absolute;
    background: #2d292a;
    opacity: 1;
    padding: 10px 15px;
    border-radius: 0;
}
	.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 49%;
    top: 100%;
    position: absolute;
    background: #2d292a;
    opacity: 1;
    padding: 10px 15px;
    border-radius: 0;
} */
.enqbtn1 a {
    background: #000;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    display: block;
    text-align: center;
    margin-top: 4px;
    float: right;
    text-decoration: none;
    padding: 7px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
	.enqsec1 h2 {
    color: #fff;
    font-size: 16px;
    line-height: 21px;
}
	.enqsec1 {
    background: url(../images/bro.png) no-repeat center;
    padding: 1em 0;
    margin: 1.2em 0;
    background-position: 100% 82%;
}
	.heading2 h1 {
    margin: 0;
    font-family: 'PT Serif', serif;
    position: relative;
    font-size: 25px;
    margin-bottom: 10px;
    color: #2d292a;
    text-align: center;
}
.heading2 h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 15%;
    top: 15px;
    height: 2px;
    width: 20px;
}
	.heading2 h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 15%;
    top: 15px;
    height: 2px;
    width: 20px;
}
	.marquee1 {
    box-sizing: border-box;
    text-align: center;
    height: 200px;
}
	.marquee1 marquee {
    height: 200px;
    text-align: center;
    padding: 5px;
}
	
	.banner img {
		height:160px;
	}

}

@media(max-width:1366px) and (min-width:1024px){
	#cssmenu > ul > li > a {
    padding: 11px 11px;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000;
    margin: 0 0px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    font-weight: 600;
    -moz-transition: 0.5s ease;
}
	/* .heading h1:before { */
    /* border-top: 2px solid #07b3f5; */
    /* background: #07b3f5; */
    /* position: absolute; */
    /* content: ''; */
    /* left: 20%; */
    /* top: 19px; */
    /* height: 4px; */
    /* width: 100px; */
/* } */
	/* .heading h1:after { */
    /* border-top: 2px solid #07b3f5; */
    /* background: #07b3f5; */
    /* position: absolute; */
    /* content: ''; */
    /* right: 20%; */
    /* top: 19px; */
    /* height: 4px; */
    /* width: 100px; */
}
	/* .heading1 h1:before { */
    /* border-top: 2px solid #2d292a; */
    /* background: #2d292a; */
    /* position: absolute; */
    /* content: ''; */
    /* left: 20%; */
    /* top: 19px; */
    /* height: 4px; */
    /* width: 100px; */
/* } */
	/* .heading1 h1:after { */
    /* border-top: 2px solid #2d292a; */
    /* background: #2d292a; */
    /* position: absolute; */
    /* content: ''; */
    /* right: 20%; */
    /* top: 19px; */
    /* height: 4px; */
    /* width: 100px; */
/* } */
	.heading2 h1:before {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    left: 30%;
    top: 19px;
    height: 4px;
    width: 100px;
}
	.heading2 h1:after {
    border-top: 2px solid #2d292a;
    background: #2d292a;
    position: absolute;
    content: '';
    right: 30%;
    top: 19px;
    height: 4px;
    width: 100px;
}
}