body{font-family:'Oswald';}
@font-face{font-family:'Oswald';src:url('../font/Oswald-Bold.woff2') format('woff2'), url('../font/Oswald-Bold.woff') format('woff');font-weight:bold;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-Regular.woff2') format('woff2'), url('../font/Oswald-Regular.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-Regular.woff2') format('woff2'), url('../font/Oswald-Regular.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-Medium.woff2') format('woff2'), url('../font/Oswald-Medium.woff') format('woff');font-weight:500;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-SemiBold.woff2') format('woff2'), url('../font/Oswald-SemiBold.woff') format('woff');font-weight:600;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-Light.woff2') format('woff2'), url('../font/Oswald-Light.woff') format('woff');font-weight:300;font-style:normal;}
@font-face{font-family:'Oswald';src:url('../font/Oswald-ExtraLight.woff2') format('woff2'), url('../font/Oswald-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;}
@font-face{font-family:'FontAwesome';src:url('../font/FontAwesome.woff2') format('woff2'), url('../font/FontAwesome.woff') format('woff');font-weight:normal;font-style:normal;}
.logo{top:3vh;left:2.7vw;width:10vw;height:auto;z-index:111;position:absolute;}
.sidebar.toggled{z-index:111;width:16vw;}
.sidebar{background:#fff;box-shadow:0 0 30px -19px #000;transition:500ms ease-out;overflow-y:auto;height:100%;width:0;position:absolute;z-index:11;top:0;left:0;overflow-x:hidden;padding-top:20px;right:auto;}
.sidebar ul li{list-style:none;line-height:40px;}
.sidebar ul{margin:140px 0 30px;padding:0;}
.sidebar ul li a{color:rgba(0, 0, 0, 0.64);padding:5px 90px;display:block;text-decoration:none;line-height: normal;}
.sidebar ul li:hover{background-color:rgba(0, 0, 0, 0.08);}
.sidebar ul li:hover a{color:rgba(0, 0, 0, 0.87);}
.copyright-section{padding:0 40px;position:absolute;bottom:30px;left:0;right:0;}
.copyright-section p{margin:0;padding:1px 20px;font-weight:300;font-size:12px;color:#989898;}
.toggle-button{position:absolute;top:60px;z-index:111;left:300px;background:red;height:50px;width:50px;text-align:center;border-radius:50%;box-shadow:0 0 25px -8px #000;transition:500ms ease-out;margin: 0 6px;}
.toggle-button.open-toggle{left:240px;transition:500ms ease-out;z-index: 1;}
.toggle-button:hover{background:#2f2f2f;box-shadow:0 0 30px -4px #ff0000de;}
.sidebar.toggled ~ .overlay{top:0;left:0;right:0;bottom:0;z-index:11;position:fixed;touch-action:none;background-color:rgba(0, 0, 0, 0.48);-webkit-tap-highlight-color:transparent;}
.toggle-button a{color:#fff;font-size:20px;padding:10px;display:block;}
.toggle-button a i {
    vertical-align: middle;
    margin-bottom: 5px;
}
.upload_area{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;align-items:center;background-size:cover;background-image:url(../images/dashboardBG.jpg);background-position:top center;}
.upload_area:after{content:'';background:rgb(255, 255, 255);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;}
.upload_area .custom-file-label::after{display:none;}
.upload_area .custom-file label.custom-file-label{background:transparent;border:2px dashed #000;width:65%;height:auto;text-align:center;transform:translate(-50%,-50%);top:50%;left:50%;cursor:pointer;padding:90px 0;}
.upload_area .custom-file .custom-file-input{cursor:pointer;}
.upload_area .custom-file label.custom-file-label:focus{box-shadow:none;outline:none;}
.upload_area .custom-file label.custom-file-label span{display:block;}
svg.plus-svg{color:#252525;height:10vh;display:block;text-align:center;margin:0 auto 0;cursor:pointer;}
.custom-file-input:focus ~ .custom-file-label{box-shadow:none;}
.upload_area .custom-file label.custom-file-label:hover{background:rgba(255, 255, 255, 0.62);}
.upload-1{position:relative;z-index:0;}
@keyframes yAxis{50%{animation-timing-function:cubic-bezier(0.02, 0.01, 0.21, 1);transform:translateY(-100px);}
}
@keyframes xAxis{50%{animation-timing-function:cubic-bezier(0.3, 0.27, 0.07, 1.64);transform:translateX(100px);}
}
.upload-1 > img#openimg{z-index:111111;position:fixed;top:0;left:0;bottom:0;right:0;width:auto;width:100%;height:100%;}
.upload-1icons{z-index:111111;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}
.icons{position:absolute;z-index:1111111111;border:none;background:transparent;}
.icons.clip-icon{bottom:40px;left:90px;}
.icons.plus-icon{bottom:40px;right:90px;}
.icons.right-icon{top:60px;right:90px;}
.icons.save-icon{top:140px;right:90px;}
svg.iconssvg{color:#ffffff;height:50px;display:block;text-align:center;margin:0 auto 0;cursor:pointer;background:red;border-radius:50%;width:50px;padding:12px;transition:500ms ease-out;}
.plus-icon-tutorial svg.iconssvg{
	animation: ripple 500ms linear infinite;
}
svg.iconssvg:hover{background:#2f2f2f;transition:500ms ease-out;box-shadow:0 0 30px -4px #ff0000de;}
button.icons{outline:none;}
.sidebar-icon-bottom{height:100%;padding:20px 0;margin:0 auto;text-align:center;width:100%;box-shadow:17px 0px 19px -29px #000;background:#fff;}
.sidebar-icon-bottom ul li:last-child{margin-bottom:0;}
.sidebar-icon-bottom ul li:first-child{margin-top:0;}
.bottom-1slide, .search-slide{position:fixed;bottom:-380px;width:100%;z-index:1111111;background:#fff;transition:500ms ease-out;}
.search-slide{bottom:145px;opacity:0;transition:500ms ease-out;}
.search-slide.add{bottom:297px;opacity:1;transition:500ms ease-out;border-bottom:1px solid #ccc;z-index:11111111;}
.bottom-1slide{border-top:1px solid #ccc;}
.sidebar-icon-bottom ul li .icons{position:static;}
.sidebar-icon-bottom ul li{list-style:none;margin:20px 0;}
.sidebar-icon-bottom ul{padding:0;margin:0;}
.sidebar-icon-bottom ul li .icons:hover svg.iconssvg{box-shadow:none;}
.slide1-view ul li,.slide2-view ul li,.slide3-view ul li,.slide4-view ul li{display:inline-block;margin:20px 20px 20px;cursor:move;width:17%;}
.slide1-view ul li {
    width: 22%;
}
.slide1-view ul li .catimg,.slide2-view ul li .catimg,.slide3-view ul li .catimg,.slide4-view ul li .catimg{width:24vw;height:22vh;box-shadow:0 0 20px -10px #000;border-radius:5px;overflow:hidden;position:relative;}
 .slide2-view ul li .catimg,.slide4-view ul li .catimg{width:15vw;height:25vh;}
.slide1-view ul li .catimg{width:40vh;height:25vh;}
.slide1-view ul, .slide2-view ul, .slide3-view ul, .slide4-view ul{overflow:auto;white-space:nowrap;cursor:move;padding:0 20px 0;margin:0 20px 0 0;}
.slide1-view ul li .catimg img{object-fit:contain;object-position:center;width:100%;height:100%;max-width:100%;transform: scale(1.6);}
.slide2-view ul li .catimg img,.slide3-view ul li .catimg img,.slide4-view ul li .catimg img{object-fit:contain;object-position:center;width:100%;height:100%;max-width:100%;}
.slide1-view ul li .catimg:after{content:'';background:rgba(0, 0, 0, 0.56);position:absolute;top:0;left:0;right:0;bottom:0;transition:500ms ease-out;opacity:0;}
.slide1-view ul li .catimg:hover:after{opacity:1;}
.slide2-view ul li .catimg:hover img,.slide4-view ul li .catimg:hover img{filter:grayscale(1);transition:500ms ease-out;}
.slide3-view ul{height:auto;width:100%;}
.slide3-view ul li .catimg{width:100%;height:300px;}
.slide3-view ul li{width:100%;margin:0;padding:20px 0;}
.slide3-view .cat-title{text-align:center;}
.right-desc-cat{padding:20px 0 0;height:390px;overflow-x:hidden;}
.sub-desc-p h1{font-size:30px;font-weight:500;}
.sub-desc-p h2{font-size:18px;margin-bottom:20px;font-weight:500;}
.sub-desc-p{margin-bottom:20px;font-size:18px;font-weight:300;padding-right:40px;white-space: normal;}
.slide3-view .sub-desc-p ul li{display:block;line-height:normal;padding:0;margin:0;font-weight:100;font-family:Oswald;}
.slide3-view .sub-desc-p ul li:before{content:'\f105';font-family:FontAwesome;font-size:16px;margin-right:7px;}
.slide3-view .sub-desc-p ul{padding:0;margin-bottom:15px;}
.sub-desc-p > p{white-space:normal;}
.sub-desc-title{font-size:30px;font-weight:500;}
.cat-disc-icon svg{width:30px;margin:5px 20px;cursor:pointer;height:35px;}
.cat-disc-icon{position:absolute;bottom:0;width:100%;background:rgba(0, 0, 0, 0.77);right:0;left:0;text-align:center;}
.cat-title{text-align:center;margin-bottom:0;white-space:normal;}
.cat-title-tag{text-align:center;margin-bottom:10px;white-space:normal;}
.slide1-view .cat-title,.slide2-view .cat-title{margin-bottom:10px;}
.search-btm-area ul li{display:inline-block;width:47%;margin-right:20px;}
.search-btm-area ul li .search-text input, .search-btm-area ul li .search-drop .dropdown-toggle{border:none;border-bottom:1px solid #ced4da;background:transparent;color:#656464;width:100%;text-align:left;}
.search-btm-area ul{list-style:none;margin:30px 0;position:relative;}
.search-btm-area button.icons.search-icon2 svg.iconssvg{background:transparent;box-shadow:none;}
button.icons.close-icon{position:static;padding:0;margin:43px 0;}
.search-btm-area button.icons.search-icon2{left:-35px;top:12px;}
.search-btm-area ul li .search-text label{margin:0;}
.form-control:focus,.btn-primary.focus, .btn-primary:focus{box-shadow:none;}
.btn.focus, .btn:focus{box-shadow:none;}
.search-drop .btn-primary:not(:disabled):not(.disabled).active,.search-drop .btn-primary:not(:disabled):not(.disabled):active,.search-drop .show>.btn-primary.dropdown-toggle{background:transparent;color:#000;border-color:#ced4da;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:none;}
svg.fav.add path.fav{fill:#ff0000;}
.create-design {
    position: fixed;
    right: -120px;
    bottom: 0;
    z-index: 11111111;
    margin: 0;
}
.create-design button.icons{position:static;display:block;margin:40px 0;}
button.icons.remove-erase svg.iconssvg{transform:rotate(310deg);}
.scientific-product-list{background:#fff;z-index:111111111;position:fixed;height:100%;top:0;left:-634px;bottom:0;width:634px;}
.scientific-product-list table.sci-table{width:100%;}
table.sci-table thead.thead-dark{background:red;color:#fff;line-height:50px;}
table.sci-table thead.thead-dark tr th, table.sci-table tbody tr td{padding:5px 15px;}
table.sci-table tbody tr:last-child{border:none;}
table.sci-table tbody tr{line-height:35px;border-bottom:1px solid #ccc;}
.scientific-product-list button.icons.back-icon{position:fixed; bottom:20px;color:red;font-size:20px;}
.backbtn-sci{text-align:center;margin:0;}
.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid red;border-right-color:#232323;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;}
.loader-bg{text-align:center;background:#ffffff;height:60px;width:60px;border-radius:7px;padding:14px;margin:0 auto;}
.loader-overlay{content:'';background:rgba(0, 0, 0, 0.35);width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;z-index:1111;}
.loader-1{position:absolute;top:45%;left:0;right:0;z-index:1111;}
.catimg canvas{/*cursor:grab;*/ cursor: url("../images/custom.gif"), url("../images/custom.cur"), default}
[data-mode="static"] .cat-title, [data-mode="edit"] .cat-title,[data-mode="static"] .cat-disc-icon,[data-mode="edit"] .cat-disc-icon{display:none;}
[data-mode="static"],[data-mode="edit"]{display:block;position:absolute !important;top:0;left:0;list-style: none;}
[data-mode="static"] img,[data-mode="edit"] img{width:100%;}
.ui-resizable-ne, .ui-resizable-sw{cursor:nesw-resize;}
.ui-resizable-handle{position:absolute;width:1rem;height:1rem;}
.ui-rotatable-handle{background:url("../images/rotate.png");background-repeat:no-repeat;background-size:100% 100%;height:25px;width:25px;position:absolute;}
.ui-rotatable-handle-sw{bottom:-27px;left:-27px;}
.ui-rotatable-handle-nw{top:-27px;left:-27px;}
.ui-rotatable-handle-se{bottom:-27px;right:-27px;}
.ui-rotatable-handle-ne{top:-27px;right:-27px;}
.ui-resizable-handle.ui-resizable-nw{border-left:10px solid white;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid white;}
.ui-resizable-handle.ui-resizable-ne{border-left:10px solid transparent;border-right:10px solid white;border-bottom:10px solid transparent;border-top:10px solid white;}
.ui-resizable-handle.ui-resizable-sw{border-left:10px solid white;border-right:10px solid transparent;border-bottom:10px solid white;border-top:10px solid transparent;}
.ui-resizable-handle.ui-resizable-se{border-left:10px solid transparent;border-right:10px solid white;border-bottom:10px solid white;border-top:10px solid transparent;}
.ui-resizable-se{right:-5px;bottom:-5px;}
[data-mode="edit"]{background:rgba(0, 0, 0, 0.24);outline:0.17rem dotted rgb(255, 255, 255);}
div#mainDiv {
    background: url(../images/dirt-bg.jpg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
table.prdimgg  img#openimg {
    display: block;
    width: 100%;
}
.prdimgg {
    width: 100%;
    height: 100%;
}
.bgimg-upload {
   
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(100% - 0em);
	left: 0;
}
/*happy 09-01-20*/
.bgimg-upload {
    /* position: absolute; */
    bottom: 0;
    right: 0;
    /* height: calc(100% - 0em); */
    /* left: 0; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

table.prdimgg td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    vertical-align: middle;
}

[data-mode="edit"] .catimg{
    background-image: none !important;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.dropped .ui-rotatable-handle-ne{display:block;cursor:grabbing;top:-32px;right:-32px;}
.ui-rotatable-handle-nw,.ui-rotatable-handle-se,.ui-rotatable-handle-sw{display:none;}
.ui-rotatable-handle{background:none !important;}
.ui-rotatable-handle:after{content:'\f01e';font-family:FontAwesome;color:#fff;font-size:21px;}
.ui-resizable-handle.ui-resizable-se{background:none;}
.dropped .ui-resizable-nw{left:-2px;top:-2px;}
.dropped .ui-resizable-ne{right:-2px;top:-2px;}
.dropped .ui-resizable-se{right:-2px;bottom:-2px;}
.dropped .ui-resizable-sw{left:-2px;bottom:-2px;}
.registration-form-contain{margin:35px 0 0;}
[data-mode="static"] .ui-resizable-handle {
    opacity: 0;
}
[data-mode="static"] .ui-rotatable-handle.ui-draggable:after {
    opacity: 0;
}

div#site_error_msg,div#site_success_msg,#site_error_msg2,#site_success_msg3,#site_error_msg1,#site_error_msg3,#registerfrm2 #site_success_msg2,#changepasswordfrm #site_success_msg2{text-align:center;color:#fff;font-weight:400;background:red;padding:7px;border-radius:4px;font-size:15px;}
div#site_error_msg{margin-top:10px;}
#loginfrm label.error,#forgotpassfrm label.error,#registerfrm1 label.error,#registerfrm2 label.error,#registerfrm3 label.error, #contactfrm label.error, #changepasswordfrm label.error, #editprofileform label.error{position:absolute;top:auto;font-family:oswald;font-weight:300;margin:0;font-size:16px;bottom:-25px;color:red;line-height: normal;}
#contactfrm label.error{
	top:auto;
	bottom:auto;
}
#loginfrm .form-group,#forgotpassfrm .form-group, #registerfrm1 .form-group,#registerfrm3 .form-group, #contactfrm .form-group, #changepasswordfrm .form-group, #editprofileform .form-group{position:relative;}
div#site_success_msg,#site_success_msg3,#changepasswordfrm #site_success_msg2,#registerfrm2 #site_success_msg2{background:#8cbb8c;}
#contactfrm .form-group{margin-bottom:35px;}
.txt-box-1{display:inline;position:relative;}
#registerfrm2 div#site_success_msg2 span{display:block;border-top:1px solid #ccc;}
#registerfrm2 div#site_success_msg2{text-align:center;margin-bottom:20px;line-height:40px;color:#8cbb8c;background:transparent;}
#registerfrm2 label.error{display:block;left:0;right:0;text-align:center;top:43px;}
#site_error_msg2{margin-bottom:20px;}
#changepasswordfrm #site_error_msg2 {
    margin-bottom: 20px;
    margin-top: 10px;
}
div#site_success_msg3{margin-bottom:20px;}
#registerfrm3 label.error{left:auto;bottom:0;right:auto;display:block;width:100%;top:40px;}
.form-group.fnm, .form-group.lnm{width:49%;display:inline-block;margin-bottom:0;}
.form-group.cit, .form-group.stat{width:49%;display:inline-block;}
.moonvelly-login-form.registration-form #site_error_msg3{margin-bottom:20px;}
#editprofileform #site_success_msg{margin-bottom:20px;}
.form-group.phnum, .form-group.zpcode{width:49%;display:inline-block;}
select#profile_region{height:36px;margin-top:0;}
#editprofileform label.error{bottom:0;top:35px;}
.form-group.stat select#profile_region{height:37px;margin-top:0;}
.bottom-1slide{padding-top:0;transition:500ms ease-out;overflow:hidden;}
.bottom-1slide.padding0{padding-top:150px;transition:500ms ease-out;}
.bottom-1slide .search_bar{opacity:0;transition:500ms ease-out;}
.bottom-1slide.padding0 .search_bar{opacity:1;transition:500ms ease-out;height:150px;border-bottom:1px solid #e8e8e8;}
.search_bar{position:absolute;top:0;left:0;width:100%;}
.slide1-view, .slide2-view, .slide3-view, .slide4-view{background:#fff;}
.search_form .form-group label{display:block;width:100%;}
.search_form .form-group{width:47.8%;}
button.icons.search-texts{position:static;}
.search_form .form-control{width:100%;border:none;border-bottom:1px solid #ccc;border-radius:0;margin:0 10px;cursor:pointer;font-size:14px;}
.form-group.search-dropdown{border:none;border-bottom:1px solid #ccc;line-height:35px;height:35px;color:#717171;font-weight:300;font-size:14px;}
.form-group.search-dropdown .dropdown{width:100%;border-bottom:1px solid #ccc;margin-left:10px;}
.form-group.search-dropdown .dropdown button#dropdownMenuButton{width:100%;text-align:left;}
.form-group.search-dropdown .dropdown button#dropdownMenuButton:after{text-align:right;float:right;margin:10px 0;}
.form-group.search-dropdown .dropdown .dropdown-menu.show{display:block;width:100%;}
.form-group.search-dropdown .dropdown .dropdown-menu.show a.dropdown-item{border-bottom:1px solid #ccc;line-height:30px;}
.form-group.search-dropdown .dropdown .dropdown-menu.show a.dropdown-item:last-child{border:none;}
.no-product{height:100%;position:absolute;width:100%;text-align:center;}
.no-product p{font-size:90px;padding:50px;opacity:0.1;font-weight:600;}
.no-product p span{color:red;}
.model-center .modal-footer button{background:red;color:#fff;border:none;padding:10px 25px;}
.model-center .modal-footer button:hover{background:#000;}
.ui-rotatable-handle{background:url(https://cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/rotate.png);background-repeat:no-repeat;background-size:100% 100%;height:25px;width:25px;position:absolute;top:-25px;right:-35px;}
.mydesign-subtitle.no-product{font-size:80px;float:left;opacity:0.3;position:static;}
div#exampleModalCenter{z-index:1111;}
.icons.edit-img-icon {
    right: 30px;
    top: 200px;
    bottom: auto;
}
.scientific-product-list ~ .scientfic-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 111111;
    position: fixed;
    touch-action: none;
    background-color: rgba(0, 0, 0, 0.28);
    -webkit-tap-highlight-color: transparent;
}
.product-info {
    text-align: center;
    margin-bottom: 30px;
}


/*resolution design css*/
.res-bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    align-items: center;
    background-size: cover;
    background-image: url(../images/resolution-bg.png);
    background-position: top center;
}
.notext-desc {
    color: #fff;
    font-size: 35px;
    line-height: 40px;
    padding: 30px 0;
    word-break: break-word;
    white-space: normal;
    width: 70%;
    margin: 0 auto;
    font-weight: 300;
}
.store-btn a img {
    width: 20%;
    margin: 20px 12px;
    box-shadow: 0 0 12px 0px #fff;
    border-radius: 10px;
}
.logo-res {
    margin: 50px 0 0;
}

/*ipad-mini portrait,ipad portrait,*/
@media (min-width:641px)  
{ 
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
/* .test h1 {
    color: yellow;
} */
.notext-desc {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 0;
}
.store-btn a img {
    width: 18%;
    margin: 10px 12px;
}
 .logo-res img {
    max-width: 200px;
}
}

/*ipad-mini landscape,ipad landscape,ipad-pro portrait*/
@media (min-width:961px)  
{ 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
/* .test h1 {
    color: red;
} */
.logo-res img {
    max-width: 170px;
}
.store-btn a img {
    width: 12%;
    margin: 10px 12px;
}
}

/*ipad-pro landscape*/
@media (min-width:1025px) 
{ 
/* big landscape tablets, laptops, and desktops */ 
/* .test h1 {
    color: green;
} */
.logo-res img {
    max-width: 200px;
}
.notext-desc {
    font-size: 30px;
    padding: 40px 0;
}
.store-btn a img {
    width: 13%;
    margin: 10px 12px;
}
}

@media  only screen and (min-width:1920px){
	.toggle-button{left:30px;}
	.sidebar ul {margin: 50% 0 30px;}
	.slide1-view ul li .catimg {width: 22vh;height: 13vh;}
	.slide1-view ul li {
		width: 14%;
	}	
	.slide2-view ul li .catimg, .slide4-view ul li .catimg {
		width: 14vw;
		height: 15vh;
	}
	.slide3-view ul li, .slide4-view ul li {
		width: 16%;
	}
	.slide1-view ul li,.slide2-view ul li {
		width: 14%;
	}
}
@media (max-width:1920px){
	.toggle-button{top:40px;left:30px;}
	.slide1-view ul li {
		width: 16%;
	}
	.slide1-view ul li .catimg {
		width: 100%;
		height: 23vh;
	}		
}
@media (max-width:1600px){
	.cat-disc-icon svg{width:30px;margin:5px 20px;}
	.sci-table > tbody { overflow-x: hidden; height: 600px;display:block;}
	.sci-table tr {display: table;width: 100%;table-layout: fixed;}
}
.search-slide.add{bottom:249px;}
.toggle-button.open-toggle{left:200px;transition:500ms ease-out;}

.slide1-view ul li .catimg img {
    transform: scale(1.8);
}
@media (max-width:1440px){.toggle-button{top:40px;left:30px;}
.toggle-button.open-toggle{left:170px;transition:500ms ease-out;}
.cat-disc-icon svg{width:30px;margin:5px 15px;}
.search-slide.add{bottom:273px;}
.slide1-view ul li {
    width: 19%;
}
.search_form .form-group {
    width: 46.8%;
}
.slide1-view ul li .catimg {
    width: 32vh;
}
.slide1-view ul li .catimg img {
    transform: scale(1.8);
}
}
@media (max-width:1366px){.toggle-button{top:40px;left:30px;}
.slide3-view ul li .catimg{width:100%;height:300px;}
.right-desc-cat{height:450px;}
.slide1-view ul li .catimg, .slide2-view ul li .catimg, .slide4-view ul li .catimg{width:20vw;height:26vh;}
.slide1-view ul li .catimg{
	width:auto;
}
.slide2-view ul li{
    width: 23%;
}
.cat-disc-icon svg{width:35px;margin:5px 20px;}
.search-slide.add{bottom:248px;}
.toggle-button.open-toggle{left:150px;transition:500ms ease-out;}
.sidebar ul{margin:110px 0 30px;}
.slide1-view ul li {
    width: 30%;
}
.slide1-view ul li .catimg img {
    transform: scale(1.7);
}
.search_form .form-group {
    width: 46.8%;
}
.slide1-view ul li .catimg {
    height: 29.8vh;
}
}
@media (max-width:1280px){
.slide1-view ul li .catimg, .slide2-view ul li .catimg, .slide4-view ul li .catimg{    width: auto;
    height: 27.5vh;}
.search-slide.add{bottom:247px;}
.toggle-button{top:40px;left:30px;}
}
@media (max-width:1200px){
	.slide1-view ul li .catimg img {
		transform: scale(2);
	}
	.search-slide.add{bottom:270px;}
}
@media (min-width:768px) and (max-width:991.98px){.sidebar{width:0vw;}
.sidebar.toggled{width:30vw;}
.toggle-button.open-toggle{left:160px;transition:500ms ease-out;}
.sidebar ul li a{padding:10px 40px;}
.toggle-button{top:50px;left:30px;}
.logo{width:20vw;}
.copyright-section{padding:0 20px;}
.slide1-view ul li .catimg, .slide2-view ul li .catimg, .slide4-view ul li .catimg{width:33vw;height:25vh;}
.slide1-view ul li,.slide2-view ul li {
    width: 45%;
}
.slide3-view ul li .catimg{width:100%;height:200px;margin:0 auto;}
.cat-disc-icon svg{width:30px;margin:5px 22px;}
.right-desc-cat{height:300px;padding:40px 0;}
.search-slide.add{bottom:330px;}
.search-btm-area ul li{width:46%;}
.icons.clip-icon{left:30px;}
.icons.right-icon{top:40px;right:30px;}
.icons.save-icon{top:120px;right:30px;}
.icons.plus-icon{bottom:40px;right:30px;}
.icons.clip-icon{bottom:40px;left:30px;}
.slide3-view ul{padding:0;}
.slide3-view ul li{padding:10px;}
.search_form .form-group{width:43%;}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){}

@media (max-width:767px){
	.logo-res img {
		width: 130px;
	}
	.res-bg {
		background-size: 290%;
	}
	.notext-desc {
		font-size: 18px;
		line-height: normal;
		padding: 20px 0;
		width: 90%;
	}
	.store-btn a img {
		width: 30%;
		margin: 0 5px;
		box-shadow: 0 0 12px 0px #fff;
		border-radius: 5px;
	}
}
@media (max-width:767px) and (orientation:landscape){
	.logo-res {
		margin: 30px 0 0;
	}
	.store-btn a img {
		width: 18%;
	}
	.res-bg {
		background-size: contain;
	}
}
@media (min-width:992px) and (max-width:1199.98px){.sidebar ul li a{padding:10px 40px;}
.sidebar ul {
    margin: 120px 0 30px;
}
.toggle-button{top:40px;left:30px;}
.sidebar.toggled{width:20vw;}
.toggle-button.open-toggle{left:140px;transition:500ms ease-out;}
.toggle-button a{font-size:16px;padding:14px;}
.logo{width:12vw;}
.copyright-section{padding:0 20px;}
.slide1-view ul li .catimg, .slide2-view ul li .catimg, .slide4-view ul li .catimg{width:16.5vw;height:22vh;}
.slide1-view ul li .catimg {
    height: 20vh;
    width: 24.5vw;
}
.slide1-view ul li {
    width: 32%;
}
.slide3-view ul li .catimg{width:25.5vw;}
.slide2-view ul li .catimg,.slide4-view ul li .catimg{width:24.5vw;}
.slide2-view ul li .catimg{
	height: 25vh;
}
.cat-disc-icon svg{width:35px;margin:5px 20px;}
.slide3-view ul li .catimg{height:230px;}
.right-desc-cat{height:360px;}
.search-slide.add{bottom:247px;}
.icons.right-icon{top:40px;right:30px;}
.icons.save-icon{top:120px;right:30px;}
.icons.plus-icon{bottom:40px;right:30px;}
.icons.clip-icon{bottom:40px;left:30px;}
.slide3-view ul li{padding:20px 0;}
.slide2-view ul li, .slide4-view ul li {
    width: 30%;
}
.search_form .form-group {
    width: 45.8%;
}
}
@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){.search-slide.add{bottom:375px;}
}
@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.5){}
@media (min-width:1200px){
.sidebar ul li a{    
	padding: 10px 50px;
    font-size: 18px;
    line-height: normal;
}
.copyright-section p{padding:1px 10px;}
.icons.clip-icon{left:30px;}
.icons.right-icon{top:40px;right:30px;}
.icons.save-icon{top:120px;right:30px;}
.icons.plus-icon{bottom:40px;right:30px;}
.icons.clip-icon{bottom:40px;left:30px;}
}