@media screen and (min-width: 1201px) and (max-width: 1280px){

}


@media screen and (min-width: 1100px) and (max-width: 1200px){

ul.botnav li a{margin: 0 2px;}
.container-block{width: 992px;}
}


@media screen and (min-width: 971px) and (max-width: 1099px){

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 358px;}
#banner .inner-banner{width: 100%;}
#banner .inner-banner .main-banner{width: 100%;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 100%;}
ul.botnav li a{margin: 0 2px;}
#contener .leftside-bar p{text-align: center;}
#contener .main-content h3 span{margin-left: 10px;}
.container-block{width: 936px;}
.lft-div{width: 30%;}
.rgt-div{width: 65%;}

}


@media screen and (min-width: 768px) and (max-width: 970px){

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 198px;}
#banner .inner-banner{width: 100%;}
#banner .inner-banner .main-banner{width: 100%; height: auto;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 100%;}
#header .logo-holder .main-logo{width: 190px;}
.navbar-brand{margin-right: 0 !important;}
.navbar-brand img{width: 100%; margin-right: 0;}
#header .logo-holder .main-logo .logo{padding: 8px;}
#header .logo-holder{width: 210px;}
ul.navbar-nav li{margin: 0 4px;}
.map-box{}
ul.botnav li{padding: 0 8px;}
ul.botnav li a.active{padding: 0 6px;}
ul.botnav li a.active span{padding: 0;}
ul.botnav li a{padding: 0; margin: 0;}
#pannel .main-pannel .top-pannel h2{font-size: 25px; padding: 7px 0 7px 50px; background: url(../images/arrow.png) no-repeat 15px 10px scroll}
#contener .leftside-bar .separater{width: 100%;}
ul.text-list li{font-size: 13px;}
ul.text-list{padding: 0 0 10px 16px;}
.line-img{width: 100%;}
#contener .leftside-bar .image-holder{width: 100%; text-align: center;}
#contener .leftside-bar .image-holder li{margin: 10px;}
#pannel .main-pannel{height: auto;}
#contener .leftside-bar p{text-align: center;}
#pannel .click{left: 27px;}
#contener .main-content h2 span{font-size: 30px;}
.top-img{width: 200px;}
#contener .main-content h3{font-size: 15px;}
#contener .main-content .bottom_coln_content .content_coln2{float: left; margin-top: 15px;}
#contener .main-content h3 span{margin-left: 10px;}
.container-block{width: 95%; margin: 0 auto;} 
.lft-div{width: 32%;}
.rgt-div{width: 64%;}

/*about*/
.abt-img img{width: 100%;}
.logo-ul li{min-height: 130px;}

/*service*/
.ser-img img{width: 100%;}

/*festivals*/
.lft-til{width: 70%;}

/*buy-now*/
.contact-form{width: 100%;}
.pack-img{min-height: 160px;}

/*order online*/
.online-ul li{width: 35%;}

}


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

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 0px;}
#banner .inner-banner{width: 100%;}
#banner .inner-banner .main-banner{width: 100%; height: auto;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 60%; float: none; margin: 0 auto;}
#header .logo-holder .main-logo{width: 150px; height: auto; top: -50px;}
.navbar-brand{margin-right: 0 !important;}
.navbar-brand img{width: 100%; margin-right: 0;}
#header .logo-holder .main-logo .logo{padding: 8px;}
#header .logo-holder{width: 364px;}
ul.navbar-nav li{margin: 0 4px; width: 100%; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.map-box{}
ul.botnav li{padding: 0 8px;}
ul.botnav li a.active{padding: 0 6px;}
ul.botnav li a.active span{padding: 0;}
ul.botnav li a{padding: 0; margin: 0;}
#pannel .main-pannel .top-pannel h2{font-size: 25px;}
#contener .leftside-bar .separater{width: 100%;}
ul.text-list li{font-size: 13px;}
ul.text-list{padding: 0 0 10px 16px;}
.line-img{width: 100%;}
#contener .leftside-bar .image-holder{width: 100%; text-align: center;}
#contener .leftside-bar .image-holder li{margin: 10px;}
#pannel .main-pannel{height: auto;}
#contener .leftside-bar p{text-align: center;}
#pannel .click{left: 0px; right: 0; margin: 0 auto; width: 64%;}
#contener .main-content h2 span{font-size: 30px;}
.top-img{width: 200px;}
#contener .main-content h3{font-size: 15px;}
#contener .main-content .bottom_coln_content .content_coln2{float: left; margin-top: 0px;}
#banner .inner-banner .main-banner{padding: 8px;}
.navbar{padding: .9rem .1rem .9rem !important; float: none; margin: 0 auto; width: 70%;}
#header .logo-holder{position: relative;}
ul.navbar-nav{width: 100%; background: #cdb2d3; padding: 10px; display: block; float: right; padding-top: 60px;}
ul.navbar-nav li.nav-item a:hover{width: 100%; border-radius: 0;}
.navbar-dark .navbar-nav .nav-link.active{width: 100%; border-radius: 0;}
#footer .footer-main .botnav-holder{width: 100%; height: auto;}
#contener .main-content{padding-top: 30px;}
ul.botnav{width: 100%; margin: 0 auto; float: none; text-align: center;}
p.copyright{text-align: center;}
#footer .footer-main .footer-logo{width: 100%; text-align: center; margin: 10px 0;}
ul.navbar-nav li a.active{background: #9c65a8;}
ul.navbar-nav li.nav-item a:hover{background: #9c65a8;}
.navbar-dark .navbar-nav .nav-link{color: #151515 !important;}
ul.navbar-nav li:last-child{border-bottom: 0;}
#contener .main-content h3 span{margin-left: 10px;}
.container-block{width: 90%; margin: 0 auto;} 
.lft-div{width: 80%; float: none; margin: 0 auto;}
.rgt-div{width: 100%;}
#pannel{margin: 0 0 36px;}
#contener .main-content .bottom_coln_content .content_coln{width: 276px;}

/*about*/
.abt-img img{width: 100%;}
.logo-ul li{min-height: 188px;}


/*service*/
.ser-img img{width: 100%;}

/*products*/
.pro-img{float: left;}

/*gallery*/
.brant-img ul li{width: 19.6%;}

/*buy-now*/
.contact-form{width: 100%;}
.pack-img{min-height: 160px;}
.pro-dtls{min-height: 262px;}

/*order online*/
.online-ul{text-align: center;}

}


@media screen and (min-width: 480px) and (max-width: 639px){

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 0px;}
#banner .inner-banner{width: 100%;}
#banner .inner-banner .main-banner{width: 100%; height: auto;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 88%; float: none; margin: 0 auto;}
#header .logo-holder .main-logo{width: 146px; height: auto; top: -46px;}
.navbar-brand{margin-right: 0 !important;}
.navbar-brand img{width: 100%; margin-right: 0;}
#header .logo-holder .main-logo .logo{padding: 8px;}
#header .logo-holder{width: 322px;}
ul.navbar-nav li{margin: 0 4px; width: 100%; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
ul.navbar-nav li:last-child{border-bottom: 0;}
.map-box{}
ul.botnav li{padding: 0 8px;}
ul.botnav li a.active{padding: 0 6px;}
ul.botnav li a.active span{padding: 0;}
ul.botnav li a{padding: 0; margin: 0;}
#pannel .main-pannel .top-pannel h2{font-size: 25px;}
#contener .leftside-bar .separater{width: 100%;}
ul.text-list li{font-size: 13px;}
ul.text-list{padding: 0 0 10px 16px;}
.line-img{width: 100%;}
#contener .leftside-bar .image-holder{width: 100%; text-align: center;}
#contener .leftside-bar .image-holder li{margin: 10px;}
#pannel .main-pannel{height: auto;}
#contener .leftside-bar p{text-align: center;}
#pannel .click{left: 0px; right: 0; margin: 0 auto; width: 57%;}
#contener .main-content h2 span{font-size: 30px;}
.top-img{width: 200px;}
#contener .main-content h3{font-size: 15px;}
#contener .main-content .bottom_coln_content .content_coln2{float: left; margin-top: 15px;}
#banner .inner-banner .main-banner{padding: 8px;}
.navbar{padding: .9rem .1rem .9rem !important; float: none; margin: 0 auto; width: 90%;}
#header .logo-holder{position: relative;}
ul.navbar-nav{width: 100%; background: #cdb2d3; padding: 10px; display: block; float: right; padding-top: 60px;}
ul.navbar-nav li.nav-item a:hover{width: 100%; border-radius: 0;}
.navbar-dark .navbar-nav .nav-link.active{width: 100%; border-radius: 0;}
#footer .footer-main .botnav-holder{width: 100%; height: auto;}
#contener .main-content{padding-top: 30px;}
ul.botnav{width: 80%; margin: 0 auto; float: none; text-align: center;}
p.copyright{text-align: center;}
#footer .footer-main .footer-logo{width: 100%; text-align: center; margin: 10px 0;}
.socialmedia a img{width: 26%;}
.shop a img{width: 62%;}
ul.navbar-nav li.nav-item a:hover{background: #9c65a8;}
ul.navbar-nav li a.active{background: #9c65a8;}
.navbar-dark .navbar-nav .nav-link{color: #151515 !important;}
.shop-btn{padding: 6px 8px; font-size: 26px;}
.shop{margin-top: -4px;}
.container-block{width: 90%; margin: 0 auto;} 
.lft-div{width: 80%; float: none; margin: 0 auto;}
.rgt-div{width: 100%;}
#pannel{margin: 0 0 36px;}
#contener .main-content .bottom_coln_content .content_coln{width: 276px;}
#contener .main-content .bottom_coln_content{width: 70%; margin: 0 auto; float: none;}
#banner{margin-bottom: 30px;}

/*about*/
.abt-img img{width: 100%;}
.logo-ul li{min-height: 140px;}
.logo-ul{margin-bottom: 0;}

/*service*/
.ser-img img{width: 100%;}

/*products*/
.pro-img{float: left;}

/*gallery*/
.brant-img ul li{width: 19.2%;}
ul.botnav li a.active, ul.botnav li a:hover{border-radius: 0;}

/*festivals*/
.lft-til{width: 70%;}
.rgt-dt{width: 24%;}

/*buy-now*/
.contact-form{width: 100%;}
.pack-img{min-height: 160px;}
.pro-dtls{min-height: 250px;}
.product-ul li{width: 100%;}
.btm-lft{width: 40%;}
.btm-rgt{width: 100%; float: left;}


/*order online*/
.online-ul li{width: 40%;}
.online-ul{text-align: center;}


}


@media screen and (min-width: 360px) and (max-width: 479px){

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 0px;}
#banner .inner-banner{width: 100%;}
#banner .inner-banner .main-banner{width: 100%; height: auto;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 100%; float: none; margin: 0 auto;}
#header .logo-holder .main-logo{width: 130px; height: auto; top: -40px;}
.navbar-brand{margin-right: 0 !important;}
.navbar-brand img{width: 100%; margin-right: 0;}
#header .logo-holder .main-logo .logo{padding: 4px 8px;}
#header .logo-holder{width: 228px;}
ul.navbar-nav li{margin: 0; width: 100%; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
ul.navbar-nav li:last-child{border-bottom: 0;}
.map-box{}
ul.botnav li{padding: 0 8px;}
ul.botnav li a.active{padding: 0 6px;}
ul.botnav li a.active span{padding: 0;}
ul.botnav li a{padding: 0; margin: 0;}
#pannel .main-pannel .top-pannel h2{font-size: 25px;}
#contener .leftside-bar .separater{width: 100%;}
ul.text-list li{font-size: 13px;}
ul.text-list{padding: 0 0 10px 16px;}
.line-img{width: 100%;}
#contener .leftside-bar .image-holder{width: 100%; text-align: center;}
#contener .leftside-bar .image-holder li{margin: 10px;}
#pannel .main-pannel{height: auto;}
#contener .leftside-bar p{text-align: center;}
#pannel .click{left: 0px; right: 0; margin: 0 auto; width: 68%;}
#contener .main-content h2 span{font-size: 30px;}
.top-img{width: 178px;}
#contener .main-content h3{font-size: 15px; margin: 0;}
#contener .main-content .bottom_coln_content .content_coln2{float: left; margin-top: 15px;}
#banner .inner-banner .main-banner{padding: 8px;}
.navbar{padding: .9rem .1rem .9rem !important; float: none; margin: 0 auto; width: 90%;}
#header .logo-holder{position: relative;}
ul.navbar-nav{width: 100%; background: #cdb2d3; padding: 10px; display: block; float: right; padding-top: 60px;}
ul.navbar-nav li.nav-item a:hover{width: 100%; border-radius: 0;}
.navbar-dark .navbar-nav .nav-link.active{width: 100%; border-radius: 0;}
#footer .footer-main .botnav-holder{width: 100%; height: auto;}
#contener .main-content{padding-top: 18px; margin: 0;}
ul.botnav{width: 100%; margin: 0 auto; float: none; text-align: center;}
p.copyright{text-align: center;}
#footer .footer-main .footer-logo{width: 100%; text-align: center; margin: 10px 0;}
.socialmedia a img{width: 26%;}
.shop a img{width: 62%;}
ul.navbar-nav li.nav-item a:hover{background: #9c65a8;}
ul.navbar-nav li a.active{background: #9c65a8;}
.navbar-dark .navbar-nav .nav-link{color: #151515 !important;}
.lft-img{width: 33%; margin-top: 20px;}
#contener .main-content p{margin: 0 0 10px;}
#footer .footer-main .botnav-holder p.copyright{line-height: 20px;}
.shop-btn{padding: 6px 8px; font-size: 18px;}
.shop{margin-top: -4px;}
.container-block{width: 90%; margin: 0 auto;} 
.lft-div{width: 80%; float: none; margin: 0 auto;}
.rgt-div{width: 100%; margin-bottom: 20px;}
#pannel{margin: 0 0 36px;}
#contener .main-content .bottom_coln_content .content_coln{width: 276px;}
#contener .main-content .bottom_coln_content{width: 84%; margin: 0 auto; float: none;}
#banner{margin-bottom: 30px;}

/*about*/
.abt-img img{width: 100%;}
.logo-ul li{min-height: 100px;}
.logo-ul{margin-bottom: 0;}

/*service*/
.ser-img img{width: 100%;}

/*products*/
.pro-img{float: left;}

/*gallery*/
.brant-img ul li{width: 32%;}
ul.botnav li a.active, ul.botnav li a:hover{border-radius: 0;}
.gal-p{width: 100%; font-size: 12px !important; line-height: 18px !important; margin-bottom: 20px !important;}


/*festivals*/
.lft-til p{font-size: 13px !important;}
.lft-til{width: 60%;}
.rgt-dt{width: 30%;}

/*buy-now*/
.contact-form{width: 100%;}
.pack-img{min-height: 160px;}
.com-div{width: 100%; float: left;}
.product-ul li{width: 100%; padding-bottom: 20px !important;}
.btm-lft{width: 100%; text-align: center;}
.btm-rgt{width: 100%; float: left; text-align: center;}

/*order online*/
.online-ul li{width: 50%; margin-right: 0 !important;}
.online-ul{text-align: center; margin-top: 30px;}

}


@media screen and (min-width: 320px) and (max-width: 359px){

ul.navbar-nav li.nav-item:nth-child(4){margin-left: 0px;}
#banner .inner-banner{width: 100%; margin: 26px 0 0 0}
#banner .inner-banner .main-banner{width: 100%; height: 130px;}
.slider-wrapper{height: 130px;}
.slider-wrapper img{height: 100%;}
.theme-default #slider{width: 100% !important;}
#contener .leftside-bar{width: 100%; float: none; margin: 0 auto;}
#header .logo-holder .main-logo{width: 130px; height: auto; top: -40px;}
.navbar-brand{margin-right: 0 !important;}
.navbar-brand img{width: 100%; margin-right: 0;}
#header .logo-holder .main-logo .logo{padding: 4px 8px;}
#header .logo-holder{width: 200px;}
ul.navbar-nav li{margin: 0; width: 100%; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
ul.navbar-nav li:last-child{border-bottom: 0;}
.map-box{}
ul.botnav li{padding: 0 8px;}
ul.botnav li a.active{padding: 0 6px;}
ul.botnav li a.active span{padding: 0;}
ul.botnav li a{padding: 0; margin: 0; font-size: 14px;}
#pannel .main-pannel .top-pannel h2{font-size: 25px;}
#contener .leftside-bar .separater{width: 100%;}
ul.text-list li{font-size: 13px;}
ul.text-list{padding: 0 0 10px 20px;}
.line-img{width: 100%;}
#contener .leftside-bar .image-holder{width: 100%; text-align: center;}
#contener .leftside-bar .image-holder li{margin: 10px;}
#pannel .main-pannel{height: auto;}
#contener .leftside-bar p{text-align: center;}
#pannel .click{left: 0px; right: 0; margin: 0 auto; width: 76%;}
#contener .main-content h2 span{font-size: 28px; line-height: 30px;}
.top-img{width: 138px;}
#contener .main-content h3{font-size: 15px; margin: 0;}
#contener .main-content .bottom_coln_content .content_coln2{float: left; margin-top: 15px;}
#banner .inner-banner .main-banner{padding: 8px;}
.navbar{padding: .9rem .1rem .9rem !important; float: none; margin: 0 auto; width: 90%;}
#header .logo-holder{position: relative;}
ul.navbar-nav{width: 100%; background: #cdb2d3; padding: 10px; display: block; float: right; padding-top: 44px;}
ul.navbar-nav li.nav-item a:hover{width: 100%; border-radius: 0;}
.navbar-dark .navbar-nav .nav-link.active{width: 100%; border-radius: 0;}
#footer .footer-main .botnav-holder{width: 100%; height: auto;}
#contener .main-content{padding-top: 18px;}
ul.botnav{width: 100%; margin: 0 auto; float: none; text-align: center;}
p.copyright{text-align: center;}
#footer .footer-main .footer-logo{width: 100%; text-align: center; margin: 10px 0;}
.socialmedia a img{width: 26%;}
.shop a img{width: 70%;}
ul.navbar-nav li.nav-item a:hover{background: #9c65a8;}
ul.navbar-nav li a.active{background: #9c65a8;}
.navbar-dark .navbar-nav .nav-link{color: #151515 !important;}
.lft-img{width: 33%; margin-top: 20px;}
#contener .main-content p{margin: 0 0 10px;}
#banner{margin-bottom: 50px;}
#contener .main-content h2{font-size: 24px; line-height: 26px;}
#footer .footer-main .botnav-holder p.copyright{line-height: 20px;}
.shop-btn{padding: 5px 6px; font-size: 16px;}
.shop{margin-top: -6px;}
.container-block{width: 90%; margin: 0 auto;} 
.lft-div{width: 100%; float: none; margin: 0 auto;}
.rgt-div{width: 100%; margin-bottom: 20px;}
#pannel{margin: 0 0 36px;}
#contener .main-content .bottom_coln_content .content_coln{width: 276px;}
#contener .main-content .bottom_coln_content{width: 100%; margin: 0 auto; float: none;}
#banner{margin-bottom: 30px;}


/*about*/
.abt-img img{width: 100%;}
.logo-ul li{min-height: 140px; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.4);}
.logo-ul{margin-bottom: 0;}
.logo-ul li a{top: 50%;}
.logo-ul li:nth-child(10) a img{width: 32%;}
.logo-ul li:nth-child(16){border-bottom: 0;}

/*service*/
.ser-img img{width: 100%;}

/*products*/
.pro-img{float: left;}

/*gallery*/
.brant-img ul li{width: 49%;}
.gal-h2{text-align: center; margin-bottom: 0 !important; padding-top: 20px !important;}
#contener .main-content p{font-size: 13px;}

ul.botnav li a.active, ul.botnav li a:hover{border-radius: 0;}
.gal-p{width: 90%; font-size: 12px !important; line-height: 18px !important; margin-bottom: 20px !important;}

/*festivals*/
.festivallink{font-size: 13px;}

/*festivals*/
.lft-til p{font-size: 13px !important;}
.lft-til{width: 60%;}
.rgt-dt{width: 30%;}

/*buy-now*/
.contact-form{width: 100%;}
.pack-img{min-height: 160px;}
.com-div{width: 100%; float: left;}
.product-ul li{width: 100%; padding-bottom: 20px !important;}
.btm-lft{width: 100%; text-align: center;}
.btm-rgt{width: 100%; float: left; text-align: center;}

/*order online*/
.online-ul li{width: 50%; margin-right: 0 !important;}
.online-ul{text-align: center; margin-top: 30px;}
.online-ul li:last-child{width: 65%;}
}