@media only screen and (min-width:768px) and (max-width:991px) {
img{max-width:100%; height:auto;}
.cbp-af-header{min-height: inherit;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{width:100px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding: 0px 5px; font-size:13px; line-height:26px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li.has-sub > a::after{top:8px;}
#cssmenu > ul > li{margin:0px;}
#cssmenu > ul > li > a{padding:0 6px; font-size:13px; line-height:46px;}
#cssmenu > ul > li.active > a::after{right:5px;}
#cssmenu > ul > li > a:after{right:5px;}
#cssmenu > ul > li:hover > a:after{right:0px;}
#cssmenu li:hover > ul{right:0px;}

.navigation{display:block;}
.header-right{padding-top:0px;}
.header-cart{margin:0px; padding:0px; border:none;}
.banner-caption{top:54%;}
.herobanner h1{font-size:36px; line-height:40px;}
.herobanner h2{font-size:32px; line-height:40px; margin-top:0px; margin-bottom:10px;}
.herobanner p{margin-bottom:20px;}
.herobanner h4{font-size:18px; line-height:22px;}
#cssmenu li:hover > ul{left:auto;}

.banner-section h1, .banner-section h2{font-size:50px; line-height:1em; margin-bottom:20px;}
.banner-section .full-img-text p{font-size:15px; margin-bottom:20px;}
.banner-content{padding:25px;}
#cssmenu > ul > li > a{line-height:20px;}
.welcome-section p{font-size:22px;}
.ourshop-section h2{font-size:30px;}
.welcome-section{padding:50px 0;}
.ourshop-section{padding:50px 0;}
.planning-section{padding:50px 0;}
.planning-section h2{font-size:30px;}
.planning-section ul li{font-size:16px;}
.meetflock-section h2{font-size:30px;}
.latestblog-section{padding:50px 0;}
.latestblog-section h2{font-size:30px;}
.latestblog-box h3{font-size:18px;}
.footer h2{font-size:14px;}
.footer-social ul li{margin-right:8px;}
.footer-menu ul li{margin-bottom:10px;}
.footer-top{padding:50px 0 40px;}
.sleep-beautiful-caption{position:static; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%);}
.sleep-beautiful-contentP{padding:30px;}
.sleep-beautiful-section h2{font-size:24px;}
.sleep-beautiful-section{padding-bottom:40px;}
.innercontent{padding:50px 0px;}
.banner-section h1, .banner-section h2{margin-bottom:10px;}
.contact-section h2{font-size:34px; line-height:normal;}
.contact-section{padding:50px 0px;}


}



@media only screen and (min-width:480px) and (max-width:767px) {
img{max-width:100%; height:auto;}

.sitelogo{max-width:100px; margin:0px;}
#cssmenu{text-align: left; position: static;}
#cssmenu > ul > li{margin: 0px;}
#cssmenu > ul > li > a{padding: 0px 15px;}
#cssmenu #menu-button{padding: 0px; width: 38px; height: 34px; float: none; top: 0px; background:#0a0d6e; margin-top:0px;}
#cssmenu ul{top:52px;}
#cssmenu #menu-button::before{top: 10px; right: 9px; background:#fff;}
#cssmenu #menu-button::after{top: 16px; right: 9px; height: 8px; border-color:#fff;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#fff;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#fff;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:13px; line-height:36px;}
#cssmenu ul.open ul.open{position:static;}
#cssmenu ul.open{z-index:999; position: absolute; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu > ul.open > li:hover > a{color:#2f8ce5;}
#cssmenu > ul.open > li > a.getaquote{margin:6px 10px 0; width:auto;  display:inline-block;}

/**/
.cbp-af-header{overflow: initial; position:static;}
.cbp-af-header.cbp-af-header-shrink .header{padding:7px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{width:90px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:50px;}
.header-top{padding:0px; display:none;}
.header{padding:7px 0; background:#fff; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:5px; position:static; padding-bottom:0px;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; padding-top:0px; background:none; margin-top:0px;}

.header-social ul li{margin-left:1px;}
.header-social{padding:5px 10px 0 0;}
#cssmenu > ul > li.active > a::after{left:10px;}
#cssmenu > ul > li > a:after{left:10px;}
#cssmenu > ul > li:hover > a:after{left:10px;}
#cssmenu > ul > li > a::after{display: none;}

.banner-caption{position:absolute; padding:15px 15px 22px; background:transparent; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.herobanner h1{font-size:24px; line-height:28px; margin-bottom:20px;}
.herobanner h2{font-size:22px; line-height:26px; margin-bottom:12px;}
.herobanner p{font-size:14px; line-height:18px; margin-top:0px; margin-bottom:6px;}
.banner-btn{display:none; font-size:15px; line-height:38px; padding:0px 20px;}
.slidernav.snext{right:1%;}
.slidernav img{width:26px;}




/*innerpage*/
.innercontent{padding:40px 0px;}
.innercontent h1{font-size:30px; padding-bottom:0px; margin:0px auto 20px;}
.innercontent h2{font-size:24px; margin-bottom:10px;}
.innercontent h3{font-size:22px; margin-bottom:10px;}
.innercontent h4{font-size:20px; margin-bottom:10px;}
.innercontent h5{font-size:18px; margin-bottom:10px;}
.innercontent h6{font-size:17px; margin-bottom:10px;}
.innercontent p{font-size:16px; margin-bottom:20px;}
.innercontent ul li{font-size:16px;}
.innercontent ol li{font-size:16px;}
.innercontent ul.bullet li{font-size:16px;}

/**/
.header-right{flex-direction: row-reverse;}
.navigation{margin-left:10px;}
.readmore-btn{font-size:13px; line-height:36px; padding:0px 20px;}
.notfill-btn{font-size:13px; line-height:36px; padding:0px 20px;}
.banner-content{padding:20px;}
.banner-section .full-img-text p{font-size:13px; margin-bottom:15px; display:none;}
.banner-section .full-img-text p:last-child{margin-bottom:0px; display:block;}
.banner-section h1, .banner-section h2{font-size:30px; line-height:1em; margin:0px 0 15px;}
.welcome-section{padding:40px 0px;}
.welcome-section p{font-size:18px; margin-top:20px;}
.welcome-section p:first-child{margin-top:0px;}
.ourshop-section{padding:40px 0px;}
.ourshop-top .align-items-center{display:block;}
.ourshop-section h2{border-right:0px; font-size:26px;}
.ourshop-section p{font-size:16px;}
.planning-section{padding:40px 0px;}
.planning-section h2{font-size:26px;}
.planning-video{margin-bottom:15px;}
.meetflock-section h2{font-size:26px; line-height:1em;}
.meetflock-section p{font-size:13px; margin-bottom:15px;}
.jewelryservice-picture img{min-height:225px;}
.latestblog-section{padding:40px 0px;}
.latestblog-section h2{font-size:26px; line-height:1em; margin-bottom:20px;}
.latestblog-box{margin-bottom:30px;}
.latestblog-content{padding-top:10px;}
.latestblog-section{padding:40px 0px;}
.footer-top{padding:40px 0 30px;}
.footer-menu ul li{line-height:1em;}
.footer-logo{margin-bottom:30px;}
.footer-menu{margin:0 0 30px;}
.footer-contact{padding-top:20px;}
.footer-bottom{text-align:center;}
.paycard{text-align:center;}
.copyright{margin-bottom:12px;}
.copyright p{font-size:14px;}
.footer-social ul li{margin-right:10px;}
.footer h2{margin-bottom:10px;}
.banner-section h1, .banner-section h2{margin-bottom:10px;}
.banner-content p{line-height: 1.3em;}
.banner-caption{padding:15px 0px;}
.about-image{margin-bottom:20px;}
.about-onerow02{margin-top:35px;}
.sleep-beautiful-caption{position:static; transform: translateY(0%); -o-transform: translateY(0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); padding:25px 0 40px;}
.sleep-beautiful-content{padding:20px;}
.sleep-beautiful-img{max-width:100%;}
.sleep-beautiful-section h2{font-size:22px;}
.meettheflock-top .align-items-center{display:block;}
.meettheflock-image{margin-bottom:20px;}
.meettheflock-video{margin-top:35px;}
.visiting-map-one{margin-top:30px;}
.visiting-map-one iframe{height:250px;}
.visiting-map-two{margin-top:30px;}
.visiting-map-two iframe{height:250px;}
.contact-section{padding:40px 0px;}
.contact-section h2{font-size:30px; line-height:normal;}
.contact-title{margin-bottom:30px;}
.contact-left{padding:20px; width:100%; margin-bottom:30px;}
.contact-information h6{font-size:18px;}
.contact-information{padding: 0px 0 18px 0;}
.contact-form{padding:20px;}
.innercontent h2.pagetitle{font-size:30px; padding-bottom:12px; margin-bottom:20px;}
	
/*====================10.07.2025=====================*/

ul.products li{ width:96%!important; float:none; margin:10px auto;}
	
/*==============18.07.2025=================*/
.home .ourshop-section .ourshop-middle ul.products li{width:96%!important; float:none!important margin:1% auto!important;}




}

@media only screen and (min-width:320px) and (max-width:479px){
img{max-width:100%; height:auto;}


.sitelogo{max-width:100px; margin:0px;}
#cssmenu{text-align: left; position: static;}
#cssmenu > ul > li{margin: 0px;}
#cssmenu > ul > li > a{padding: 0px 15px;}
#cssmenu #menu-button{padding: 0px; width: 38px; height: 34px; float: none; top: 0px; background:#0a0d6e; margin-top:0px;}
#cssmenu ul{top:50px;}
#cssmenu #menu-button::before{top: 10px; right: 9px; background:#fff;}
#cssmenu #menu-button::after{top: 16px; right: 9px; height: 8px; border-color:#fff;}
#cssmenu #menu-button.menu-opened::before{top:17px; right:11px; background:#fff;}
#cssmenu #menu-button.menu-opened::after{top:17px; right:11px; background:#fff;}
#cssmenu > ul > li > a{padding:0px 10px; font-size:13px; line-height:36px;}
#cssmenu ul.open ul.open{position:static;}
#cssmenu ul.open{z-index:999; position: absolute; left:0px; right:0px; width:auto; padding-bottom:0px;}
#cssmenu > ul.open > li:hover > a{color:#fff;}
#cssmenu > ul.open > li > a.getaquote{margin:6px 10px 0; width:auto; display:inline-block;}
/**/
.cbp-af-header{overflow: initial; position:static;}
.cbp-af-header.cbp-af-header-shrink .header{padding:7px 0px;}
.cbp-af-header.cbp-af-header-shrink .header-right{padding:0px 0 0 0px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu > ul > li > a{padding:0px 10px; font-size:13px;}
.cbp-af-header.cbp-af-header-shrink .sitelogo{width:80px;}
.cbp-af-header.cbp-af-header-shrink .header-cart{margin:5px 0 0 0px; padding:0px 20px 0 0;}
.cbp-af-header.cbp-af-header-shrink .header-cart ul li{margin:0px 4px;}
.cbp-af-header.cbp-af-header-shrink #cssmenu ul{top:46px;}
.header-top{padding:0px; display: none;}
.header{padding:7px 0; background:#fff; margin-bottom:0px;}
.header [class*="col-"]{position:static;}
.navigation [class*="col-"]{position:static;}
.header-right{padding-top:5px; padding-bottom:0px; position:static;}
.header-cart{margin:0px; padding:6px 15px 0 0px; border:none;}
.navigation{float:right; padding-top:0px; background:none; margin-top:0px;}

.header-social ul li{margin-left:1px;}
.header-social{padding:5px 10px 0 0;}
#cssmenu > ul > li.active > a::after{left:10px;}
#cssmenu > ul > li > a:after{left:10px;}
#cssmenu > ul > li:hover > a:after{left:10px;}
#cssmenu > ul > li > a::after{display: none;}

.banner-caption{position:static; padding:15px 0px 22px; background:#f6f6f6; transform: translateY(-0%); -o-transform: translateY(-0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%);}
.herobanner h1{font-size:24px; line-height:28px; color:#2a2a2a; margin-bottom:20px;}
.herobanner h2{font-size:22px; line-height:26px; margin-bottom:12px;}
.herobanner p{font-size:14px; line-height:18px; margin-top:0px; margin-bottom:6px;}
.banner-btn{display:none; font-size:15px; line-height:38px; padding:0px 20px;}
.slidernav.snext{right:1%;}
.slidernav img{width:26px;}

/*innerpage*/
.innercontent{padding:40px 0px;}
.innercontent h1{font-size:30px; padding-bottom:0px; margin:0px auto 20px;}
.innercontent h2{font-size:24px; margin-bottom:10px;}
.innercontent h3{font-size:22px; margin-bottom:10px;}
.innercontent h4{font-size:20px; margin-bottom:10px;}
.innercontent h5{font-size:18px; margin-bottom:10px;}
.innercontent h6{font-size:17px; margin-bottom:10px;}
.innercontent p{font-size:16px; margin-bottom:20px;}
.innercontent ul li{font-size:16px;}
.innercontent ol li{font-size:16px;}
.innercontent ul.bullet li{font-size:16px;}

/**/
.header-right{flex-direction: row-reverse;}
.navigation{margin-left:10px;}
.readmore-btn{font-size:13px; line-height:36px; padding:0px 20px;}
.notfill-btn{font-size:13px; line-height:36px; padding:0px 20px;}
.banner-content{padding:20px;}
.banner-section .full-img-text p{font-size:13px; margin-bottom:15px; display:none;}
.banner-section .full-img-text p:last-child{margin-bottom:0px; display:block;}
.banner-section h1, .banner-section h2{font-size:30px; line-height:1em; margin:0px 0 15px;}
.welcome-section{padding:40px 0px;}
.welcome-section p{font-size:18px; margin-top:20px;}
.welcome-section p:first-child{margin-top:0px;}
.ourshop-section{padding:40px 0px;}
.ourshop-top .align-items-center{display:block;}
.ourshop-section h2{border-right:0px; font-size:26px;}
.ourshop-section p{font-size:16px;}
.planning-section{padding:40px 0px;}
.planning-section h2{font-size:26px;}
.planning-video{margin-bottom:15px;}
.meetflock-section h2{font-size:26px; line-height:1em;}
.meetflock-section p{font-size:13px; margin-bottom:15px;}
.jewelryservice-picture img{min-height:225px;}
.latestblog-section{padding:40px 0px;}
.latestblog-section h2{font-size:26px; line-height:1em; margin-bottom:20px;}
.latestblog-box{margin-bottom:30px;}
.latestblog-content{padding-top:10px;}
.latestblog-section{padding:40px 0px;}
.footer-top{padding:40px 0 30px;}
.footer-menu ul li{line-height:1em;}
.footer-logo{margin-bottom:30px;}
.footer-menu{margin:0 0 30px;}
.footer-contact{padding-top:20px;}
.footer-bottom{text-align:center;}
.paycard{text-align:center;}
.copyright{margin-bottom:12px;}
.copyright p{font-size:14px;}
.footer-social ul li{margin-right:10px;}
.footer h2{margin-bottom:10px;}
.banner-section h1, .banner-section h2{margin-bottom:10px;}
.banner-content p{line-height: 1.3em;}
.banner-caption{padding:15px 0px;}
.about-image{margin-bottom:20px;}
.about-onerow02{margin-top:35px;}
.sleep-beautiful-caption{position:static; transform: translateY(0%); -o-transform: translateY(0%); -moz-transform: translateY(-0%); -webkit-transform: translateY(-0%); padding:25px 0 40px;}
.sleep-beautiful-content{padding:20px;}
.sleep-beautiful-img{max-width:100%;}
.sleep-beautiful-section h2{font-size:22px;}
.meettheflock-top .align-items-center{display:block;}
.meettheflock-image{margin-bottom:20px;}
.meettheflock-video{margin-top:35px;}
.visiting-map-one{margin-top:30px;}
.visiting-map-one iframe{height:250px;}
.visiting-map-two{margin-top:30px;}
.visiting-map-two iframe{height:250px;}
.contact-section{padding:40px 0px;}
.contact-section h2{font-size:30px; line-height:normal;}
.contact-title{margin-bottom:30px;}
.contact-left{padding:20px; width:100%; margin-bottom:30px;}
.contact-information h6{font-size:18px;}
.contact-information{padding: 0px 0 18px 0;}
.contact-form{padding:20px;}
.innercontent h2.pagetitle{font-size:30px; padding-bottom:12px; margin-bottom:20px;}
	
	
/*====================10.07.2025=====================*/
ul.products li{ width:96%!important; float:none; margin:10px auto;}

/*==============18.07.2025=================*/
.home .ourshop-section .ourshop-middle ul.products li{width:96%!important; float:none!important margin:1% auto!important;}

}