/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/





/*---------- Small Mobile , IPhone Start ----------*/



/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 



@media (min-width: 240px) and (max-width: 568px){

.header { padding:0 15px !important; }

/*.header .h-top .h-top-block { display: block; padding: 5px 0; }*/

/*.header .h-top .h-top-block:before { display: none; }

.header .h-top .h-top-block:first-child { padding-top: 0; }

.header .h-top .h-top-block:last-child { padding-bottom: 0; }*/

.header .h-top .h-top-content { float: left; width: 100%; display: block; }

.header .h-top .h-top-block a.call { font-size: 16px; line-height: 20px; }

.footer .f-content-detail [class^=col-] { width: 100%; }

.footer .f-content-detail [class^=col-]:before { display: none; }

.footer .f-block .f-title { padding: 0 0 15px; }

.footer .f-block { text-align: center !important; padding: 0 0 20px; }

.footer .f-content-detail [class^=col-]:last-child .f-block { padding-bottom: 0; }

}



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

.header .h-top .h-top-content { float: none; display: inline-block; }

.header .h-top .h-top-block a.call { font-size: 16px; line-height: 30px; }

}



@media (max-width: 767px) {

.header { padding: 0 35px; }

.header .h-top { text-align: center; }

.header .h-top .h-top-block ul li { font-size: 16px; line-height: 30px; }

.header .h-bottom img { width: 125px; }



.main-banner-section img { height: 285px; object-fit: cover; font-family: "object-fit: cover"; }



.comming-soon-section { margin-top: 0; }

.comming-soon-section .comming-soon-content { padding-bottom: 80px; }

.comming-soon-section .comming-soon-title { padding: 25px 15px 35px; }

.content { padding: 0 0 30px; }

.comming-soon-section .comming-soon-title h1, 

.comming-soon-section .comming-soon-title h2, 

.comming-soon-section .comming-soon-title h3, 

.comming-soon-section .comming-soon-title h4, 

.comming-soon-section .comming-soon-title h5, 

.comming-soon-section .comming-soon-title h6 { font-size: 25px; line-height: 35px; }

.comming-soon-section .comming-soon-title h1 span, 

.comming-soon-section .comming-soon-title h2 span, 

.comming-soon-section .comming-soon-title h3 span, 

.comming-soon-section .comming-soon-title h4 span, 

.comming-soon-section .comming-soon-title h5 span, 

.comming-soon-section .comming-soon-title h6 span { font-size: 16px; }

.hand-crafted-section .hand-craft-image { padding: 0 0 20px; }

.hand-crafted-section .hand-craft-content { padding-left: 0; text-align: left; }

.hand-crafted-section .hand-craft-title { padding: 0 0 10px; }

.hand-crafted-section .hand-craft-title h1, 

.hand-crafted-section .hand-craft-title h2, 

.hand-crafted-section .hand-craft-title h3, 

.hand-crafted-section .hand-craft-title h4, 

.hand-crafted-section .hand-craft-title h5, 

.hand-crafted-section .hand-craft-title h6 { font-size: 25px; line-height: 30px; }

.hand-crafted-section .hand-craft-content p { font-size: 14px; line-height: 20px; }

.artist-design-reality-section .design-reality-block { height: auto; padding: 30px 15px; }

.artist-design-reality-section .design-reality-block span { font-size: 25px; line-height: 30px; }

.artist-design-reality-section .design-reality-block ul li { line-height: 50px; }



.footer .f-logo img { width: 125px; }

.footer .f-logo { padding: 0 0 20px; }

.footer { padding: 30px 0; }

.footer .f-block .f-title span { font-size: 25px; line-height: 30px; }

.footer .f-block a.call { font-size: 18px; line-height: 22px; }

.footer .f-block .f-contact-address-block { padding: 0 0 15px; }

.footer .f-block p { font-size: 14px; line-height: 25px; }

.footer .f-content-detail .row { margin: 0 -15px; }

.footer .f-content-detail [class^=col-] { padding: 0 15px; }

.footer .f-block .f-social-icons ul li { font-size: 25px; line-height: 25px; }

}



@media (min-width: 768px) {

}



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

.header { padding: 0 50px; }

.header .h-top .h-top-block a.call { font-size: 16px; line-height: 30px; }

.header .h-top .h-top-block ul li { font-size: 16px; line-height: 30px; }

.header .h-bottom img { width: 150px; }



.comming-soon-section { margin-top: -190px; }

.comming-soon-section .comming-soon-content { padding-bottom: 80px; }

.comming-soon-section .comming-soon-title { padding: 25px 15px 50px; }

.comming-soon-section .comming-soon-title h1, 

.comming-soon-section .comming-soon-title h2, 

.comming-soon-section .comming-soon-title h3, 

.comming-soon-section .comming-soon-title h4, 

.comming-soon-section .comming-soon-title h5, 

.comming-soon-section .comming-soon-title h6 { font-size: 25px; line-height: 35px; }

.comming-soon-section .comming-soon-title h1 span, 

.comming-soon-section .comming-soon-title h2 span, 

.comming-soon-section .comming-soon-title h3 span, 

.comming-soon-section .comming-soon-title h4 span, 

.comming-soon-section .comming-soon-title h5 span, 

.comming-soon-section .comming-soon-title h6 span { font-size: 16px; }

.hand-crafted-section .hand-craft-image { padding: 0 0 20px; }

.hand-crafted-section .hand-craft-content { padding-left: 0; text-align: left; }

.hand-crafted-section .hand-craft-title { padding: 0 0 10px; }

.hand-crafted-section .hand-craft-title h1, 

.hand-crafted-section .hand-craft-title h2, 

.hand-crafted-section .hand-craft-title h3, 

.hand-crafted-section .hand-craft-title h4, 

.hand-crafted-section .hand-craft-title h5, 

.hand-crafted-section .hand-craft-title h6 { font-size: 25px; line-height: 35px; }

.hand-crafted-section .hand-craft-content p { font-size: 14px; line-height: 22px; }

.artist-design-reality-section .design-reality-block { height: 425px; }

.artist-design-reality-section .design-reality-block span { font-size: 25px; line-height: 35px; }

.artist-design-reality-section .design-reality-block ul li { line-height: 50px; }



.footer .f-logo img { width: 150px; }

.footer .f-logo { padding: 0 0 40px; }

.footer { padding: 40px 0; }

.footer .f-block .f-title span { font-size: 28px; line-height: 32px; }

.footer .f-block a.call { font-size: 18px; line-height: 22px; }

.footer .f-block .f-contact-address-block { padding: 0 0 15px; }

.footer .f-block p { font-size: 16px; line-height: 28px; }

.footer .f-content-detail .row { margin: 0 -30px; }

.footer .f-content-detail [class^=col-] { padding: 0 30px; }

.footer .f-block .f-social-icons ul li { font-size: 25px; line-height: 25px; }

}



@media (min-width: 992px) and (max-width: 1199px){

.header { padding: 0 50px; }

.header .h-top .h-top-block a.call { font-size: 16px; line-height: 30px; }

.header .h-top .h-top-block ul li { font-size: 16px; line-height: 30px; }

.header .h-bottom img { width: 175px; }



.comming-soon-section { margin-top: -230px; }

.comming-soon-section .comming-soon-content { padding-bottom: 100px; }

.comming-soon-section .comming-soon-title { padding: 30px 15px 50px; }

.comming-soon-section .comming-soon-title h1, 

.comming-soon-section .comming-soon-title h2, 

.comming-soon-section .comming-soon-title h3, 

.comming-soon-section .comming-soon-title h4, 

.comming-soon-section .comming-soon-title h5, 

.comming-soon-section .comming-soon-title h6 { font-size: 33px; line-height: 45px; }

.comming-soon-section .comming-soon-title h1 span, 

.comming-soon-section .comming-soon-title h2 span, 

.comming-soon-section .comming-soon-title h3 span, 

.comming-soon-section .comming-soon-title h4 span, 

.comming-soon-section .comming-soon-title h5 span, 

.comming-soon-section .comming-soon-title h6 span { font-size: 22px; }

.hand-crafted-section .hand-craft-content { padding-left: 0; }

.hand-crafted-section .hand-craft-title { padding: 0 0 20px 20px; }

.hand-crafted-section .hand-craft-title h1, 

.hand-crafted-section .hand-craft-title h2, 

.hand-crafted-section .hand-craft-title h3, 

.hand-crafted-section .hand-craft-title h4, 

.hand-crafted-section .hand-craft-title h5, 

.hand-crafted-section .hand-craft-title h6 { font-size: 30px; line-height: 35px; }

.hand-crafted-section .hand-craft-content p { font-size: 14px; line-height: 22px; }

.artist-design-reality-section .design-reality-block { height: 425px; }

.artist-design-reality-section .design-reality-block span { font-size: 28px; line-height: 40px; }

.artist-design-reality-section .design-reality-block ul li { line-height: 50px; }



.footer .f-logo img { width: 175px; }

.footer .f-logo { padding: 0 0 40px; }

.footer { padding: 40px 0; }

.footer .f-block .f-title span { font-size: 28px; line-height: 32px; }

.footer .f-block a.call { font-size: 18px; line-height: 22px; }

.footer .f-block .f-contact-address-block { padding: 0 0 15px; }

.footer .f-block p { font-size: 16px; line-height: 30px; }

.footer .f-content-detail .row { margin: 0 -70px; }

.footer .f-content-detail [class^=col-] { padding: 0 70px; }

}



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

}



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

.container { width: 1170px; }



.header { padding: 0 65px; }

.header .h-bottom img { width: 200px; }



.comming-soon-section .comming-soon-title h1, 

.comming-soon-section .comming-soon-title h2, 

.comming-soon-section .comming-soon-title h3, 

.comming-soon-section .comming-soon-title h4, 

.comming-soon-section .comming-soon-title h5, 

.comming-soon-section .comming-soon-title h6 { font-size: 40px; line-height: 50px; }

.comming-soon-section .comming-soon-title h1 span, 

.comming-soon-section .comming-soon-title h2 span, 

.comming-soon-section .comming-soon-title h3 span, 

.comming-soon-section .comming-soon-title h4 span, 

.comming-soon-section .comming-soon-title h5 span, 

.comming-soon-section .comming-soon-title h6 span { font-size: 25px; }

.hand-crafted-section .hand-craft-content { padding-left: 0; }

.hand-crafted-section .hand-craft-title { padding-left: 70px; }

.hand-crafted-section .hand-craft-title h1, 

.hand-crafted-section .hand-craft-title h2, 

.hand-crafted-section .hand-craft-title h3, 

.hand-crafted-section .hand-craft-title h4, 

.hand-crafted-section .hand-craft-title h5, 

.hand-crafted-section .hand-craft-title h6 { font-size: 35px; line-height: 40px; }

.hand-crafted-section .hand-craft-content p { font-size: 16px; line-height: 30px; }

.artist-design-reality-section .design-reality-block span { font-size: 35px; line-height: 55px; }



.footer .f-logo img { width: 200px; }

.footer .f-logo { padding: 0 0 50px; }

.footer { padding: 50px 0 70px; }

.footer .f-block .f-title span { font-size: 30px; line-height: 35px; }

.footer .f-block a.call { font-size: 20px; line-height: 28px; }

.footer .f-block .f-contact-address-block { padding: 0 0 15px; }

.footer .f-block p { font-size: 16px; line-height: 30px; }

}



@media (min-width: 1300px) and (max-width: 1399px){

.container { width: 1270px; }



.header { padding: 0 70px; }

.header .h-bottom img { width: 235px; }



.comming-soon-section .comming-soon-title h1, 

.comming-soon-section .comming-soon-title h2, 

.comming-soon-section .comming-soon-title h3, 

.comming-soon-section .comming-soon-title h4, 

.comming-soon-section .comming-soon-title h5, 

.comming-soon-section .comming-soon-title h6 { font-size: 40px; line-height: 50px; }

.comming-soon-section .comming-soon-title h1 span, 

.comming-soon-section .comming-soon-title h2 span, 

.comming-soon-section .comming-soon-title h3 span, 

.comming-soon-section .comming-soon-title h4 span, 

.comming-soon-section .comming-soon-title h5 span, 

.comming-soon-section .comming-soon-title h6 span { font-size: 25px; }

.hand-crafted-section .hand-craft-content { padding-left: 0; }

.hand-crafted-section .hand-craft-title { padding-left: 70px; }

.hand-crafted-section .hand-craft-title h1, 

.hand-crafted-section .hand-craft-title h2, 

.hand-crafted-section .hand-craft-title h3, 

.hand-crafted-section .hand-craft-title h4, 

.hand-crafted-section .hand-craft-title h5, 

.hand-crafted-section .hand-craft-title h6 { font-size: 35px; line-height: 40px; }

.hand-crafted-section .hand-craft-content p { font-size: 17px; line-height: 30px; }

.artist-design-reality-section .design-reality-block span { font-size: 35px; line-height: 55px; }



.footer .f-logo img { width: 235px; }

.footer .f-logo { padding: 0 0 50px; }

.footer { padding: 50px 0 70px; }

}



@media (min-width: 1400px) and (max-width: 1499px){

.container { width: 1370px; }

.hand-crafted-section .hand-craft-content { padding-left: 30px; }

.hand-crafted-section .hand-craft-title { padding-left: 30px; }

}



/*---------- Large Desktop , Large Screen End ----------*/