@media only screen and (max-width:1200px){.col_12{width:12.6666666666%}
.col_14{width:10.2857142857%}
.col_15{width:16%}
.col_16{width:8.5%}
.col_12c{width:79.3333333334%}
.col_14c{width:81.7142857143%}
.col_15c{width:76%}
.col_16c{width:83.5%}
.bg-back{width:300px}
.product-gallery .gallery-heading h1{font-size:24px}
#qLoverlay{top:48%;left:43%;width:15%;height:2%}
}
@media only screen and (max-width:1024px){.col_6{width:29.3333333333%}
.col_8{width:21%}
.col_9{width:29.3333333333%}
.col_10{width:16%}
.col_12{width:21%}
.col_14{width:46%}
.col_15{width:29.3333333333%}
.col_16{width:21%}
.col_6c{width:62.6666666667%}
.col_8c{width:71%}
.col_9c{width:62.6666666667%}
.col_10c{width:76%}
.col_12c{width:71%}
.col_14c{width:46%}
.col_15c{width:62.6666666667%}
.col_16c{width:71%}
.container{width:100%;margin-left:0;margin-right:0}
.about-saga{padding:30px 0}
.about-saga .col_4c{padding:10px 0}
.about-saga .para-head h1{font-size:24px;padding-top:5px}
.about-paragon p{padding:10px 20px}
.about-paragon h1{padding-left:20px;padding-right:20px;background-position:left 20px bottom}
.padding-ud{padding:20px 0}
.bg-back{width:230px}
.about-paragon .para-2,.about-paragon .para-3{padding-right:20px;padding-top:40px}
.our-collection h1{font-size:24px}
.our-collection .collection .our-product .caption .caption-heading a{padding:8px 8px}
.product-gallery{padding:30px 0}
.product-gallery .gallery-heading h1 i{font-size:18px;font-weight:300;letter-spacing:1px}
.about-paragon .my-ex-pad{padding-top:50px}
.line-about{margin-left:20px}
#qLoverlay{top:48%;left:41%;width:18%;height:2%}
}
@media handheld,only screen and (max-width:768px){.col_4{width:46%}
.col_6{width:46%}
.col_8{width:46%}
.col_9{width:96%}
.col_10{width:46%}
.col_12{width:29.3333333333%}
.col_14{width:96%}
.col_15{width:96%}
.col_16{width:46%}
.col_4c{width:46%}
.col_6c{width:46%}
.col_8c{width:46%}
.col_9c{width:96%}
.col_10c{width:46%}
.col_12c{width:62.6666666667%}
.col_14c{width:96%}
.col_15c{width:96%}
.col_16c{width:46%}
.header .col_4{width:48%;margin-left:1%;margin-right:1%}
.header .col_4c{width:48%;margin-left:1%;margin-right:1%}
.about-saga .saga-para{text-align:left}
.slide-3 .hps-title1{font-size:40px;letter-spacing:0}
.slide-3 .hps-title4{color:white;font-size:36px;letter-spacing:1px}
.about-saga .col_3{padding-bottom:100px}
.about-saga .para-head{padding-left:10px;padding-right:10px}
.padding-ud{padding:40px 0}
.about-paragon{padding:30px 0}
.bg-back{width:250px}
.about-paragon .para-1{padding-right:250px}
.contact-page h1{font-size:24px}
.our-collection .col_4{width:29.3333333333%}
.our-collection .col_6{display:block;width:12%}
.product-gallery h1{font-size:24px}
.gallery-images{padding:10px 0}
.product-gallery .gallery-heading h1{font-size:24px}
.inner-heading{padding:10px 0}
.dl-menuwrapper button{width:40px}
#qLoverlay{top:48%;left:37%;width:25%;height:2%}
}
@media handheld,only screen and (max-width:480px){.col_2{width:96%}
.col_3{width:96%}
.col_4{width:96%}
.col_5{width:96%}
.col_6{width:96%}
.col_7{width:96%}
.col_8{width:96%}
.col_10{width:96%}
.col_11{width:96%}
.col_12{width:46%}
.col_13{width:96%}
.col_16{width:96%}
.col_2c{width:96%}
.col_3c{width:96%}
.col_4c{width:96%}
.col_5c{width:96%}
.col_6c{width:96%}
.col_7c{width:96%}
.col_8c{width:96%}
.col_10c{width:96%}
.col_11c{width:96%}
.col_12c{width:46%}
.col_13c{width:96%}
.col_16c{width:96%}
#cssmenu #menu-button>a{padding:10px 14px}
#cssmenu #menu-button>a:hover{padding:10px 20px;transition:.6s padding ease-out;-webkit-transition:.6s padding ease-out}
#cssmenu{height:20px}
.slide-3 .hps-title4{padding:20px 24px}
.about-saga .col_3{width:100%;padding:10px 0;text-align:center;border:0}
.about-saga .col_4c{width:100%;padding:20px 10px 0 10px}
.about-saga .para-head h1{background:url(../img/black-border.jpg) no-repeat;background-position:bottom center;padding-bottom:30px}
.about-saga .saga-para{text-align:center;line-height:24px}
#cssmenu #menu-button>a{padding:16px 14px}
#cssmenu #menu-button>a:hover{padding:16px 20px;transition:.6s padding ease-out;-webkit-transition:.6s padding ease-out}
.features{padding:5px 0 30px 0}
.features .caption .caption-heading{top:35%;b}
.features .caption .caption-heading a{font-size:8px;padding:5px;opacity:.4;transition:.2s all ease-out}
.features .caption .caption-heading a:hover{opacity:1}
.header .logo{padding:10px 0;width:70%;max-width:100%}
.footer{text-align:center}
.footer .certif-icon{float:none;padding-top:10px}
.about-paragon{padding:40px 0;background-position:center}
.about-paragon h1{font-size:24px;padding-right:10px;padding-left:10px}
.about-paragon p{padding:10px 10px}
.padding-ud{padding:5px 0}
.about-paragon .para-1,.about-paragon .para-2,.about-paragon .para-3{padding-right:10px}
.bg-back{display:none}
.contact-page .col_3{width:96%;margin-left:2%;margin-right:2%;border-right:0;border-bottom:1px solid #333}
.contact-page h1{text-align:center}
.our-collection .col_4{width:46%}
.our-collection .col_6{display:none}
.loader-main .logo{margin:-10px 0 0 -135px}
.dl-menuwrapper button{left:115px}
.product-gallery .gallery-heading h1{font-size:18px}
.product-gallery .gallery-heading h1 i{font-size:12px}
.product-gallery{padding:15px 0}
.my-gallery{padding:0 0 15px 0}
.contact-page .contact-detail label{display:block;width:100%}
#qLoverlay{top:53%;left:28%;width:40%;height:2%}
.line-about{margin-left:10px}
}
@media handheld,only screen and (max-width:320px){.container{width:100% !important;max-width:100% !important}
.col_1,.col_2,.col_3,.col_3c,.col_4,.col_4c,.col_5,.col_5c,.col_6,.col_6c,.col_7,.col_7c,.col_8,.col_8c,.col_9,.col_9c,.col_10,.col_10c,.col_11,.col_11c,.col_12,.col_12c,.col_13,.col_13c,.col_14,.col_14c,.col_15,.col_15c,.col_16,.col_16c{width:92%;margin-left:0;margin-right:0;padding-left:4%;padding-right:4%}
.slide-3 .hps-title1{font-size:48px}
.slide-3 .hps-title4{font-size:42px}
#cssmenu #menu-button>a{padding:10px 14px}
#cssmenu #menu-button>a:hover{padding:10px 20px;transition:.6s padding ease-out;-webkit-transition:.6s padding ease-out}
.header .logo{padding:10px 0;width:100%;max-width:100%}
.our-collection{padding:30px 0}
.our-collection .col_4{width:96%}
.inner-heading{padding:5px 0}
.dl-menuwrapper button{left:80px}
.inner-heading h3{font-size:12px}
.inner-heading h3 i{padding-left:0}
.controls{display:none}
.dl-menuwrapper button{left:90px}
.dl-menuwrapper li a{font-size:9px;padding:5px}
.inner-heading h3{top:3px}
.cont-from{width:300px}
#qLoverlay{top:54%;left:18%;width:65%;height:2%}
.line-about{margin-left:10px;padding:0; width: 70%;}
.para-logo{ font-size: 13px;}
}