/*ROCKY*/
.form-control:disabled{background:#fff;}
nav.navbar-dark.bg-dark{background-color:#505050!important;}
nav.navbar-dark.bg-dark .nav-link{color:#f6f6f6;}
nav.bg-dark{background-color: #505050!important;}
.dropdown ul[aria-labelledby="isUser"]{background:#f6f6f6; padding-bottom:0; box-shadow:3px 3px 9px rgba(0, 0, 0, .10); border:0; border-radius:3px; width:auto; right:-10px; margin-top:8px;}
.dropdown ul[aria-labelledby="isUser"] li hr{width:90%; margin:10px auto;}
.dropdown ul[aria-labelledby="isUser"]::before{display:inline-block; margin-left:0.255em; vertical-align:0.255em; content:""; border-top:0.3em solid #f6f6f6; border-right:0.3em solid transparent; border-bottom:0; border-left:0.3em solid transparent; position: absolute; right:24px; top:-4px; transform: rotate(180deg);}
.dropdown ul[aria-labelledby="isUser"] li a{position:relative;}
.dropdown ul[aria-labelledby="isUser"] li:nth-child(3) a::after, .dropdown ul[aria-labelledby="isUser"] li:nth-child(4) a::after, .dropdown ul[aria-labelledby="isUser"] li:nth-child(5) a::after
{position:absolute; right:18px; top:4px; content:"›"; width:16px; height:16px;}
.dropdown ul[aria-labelledby="isUser"] li a.active{color:#fff; text-decoration:none; background-color:#d21532;}

.dropdown ul[aria-labelledby="isUser"] li:last-child{background-color:#505050; border-radius:3px;}
.dropdown ul[aria-labelledby="isUser"] li:last-child a{color:#fff;}
.dropdown ul[aria-labelledby="isUser"] li:last-child a:focus, .dropdown ul[aria-labelledby="isUser"] li:last-child a:hover, .dropdown ul[aria-labelledby="isUser"] li a:active
{background-color:#d21532; color:#fff;}
.miniThumb{border:3px solid #fff; float:left; margin-right:20px; background-color:#fff!important; background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important;}
.miniThumb.sm{width:29px; height:29px;}
.miniThumb.lg{width:63px; height:63px; margin-left:10px; position:relative; right:-20px;}

.menuMobile.admin .nav-item{background-color:#505050;}
.menuMobile.admin .nav-item a.nav-link{color:#fff!important; padding-left:10px; text-decoration:none!important;}
.menuMobile.admin .nav-item.dropdown:last-child{margin:0 20px;}
.menuMobile.admin .nav-item.dropdown .miniThumb.lg{display:none;}
.menuMobile.admin .dropdown ul[aria-labelledby="isUser"]::before{top:34.3px;}
.menuMobile.admin .nav-item.dropdown .miniThumb.sm{position:relative; top: -3px;}

.iconOnInput{position:relative; display:block;}
.iconOnInput.disabled{opacity:.6;}
.iconOnInput.disabled i{opacity:.3;}
.iconOnInput i{position:absolute; right:4px; top:12px; z-index:1; width:16px; height:16px; color:#505050; pointer-events:none;}

.backWhite{background-color:#fff;}
.backLightGray{background-color:#f6f6f6!important;}
.s33{font-size:calc(0.86em + 1vw);}/*33px*/
.s16{font-size:16px;}/*16px*/
.s12{font-size:12px;}
.s11{font-size:11px;}
.sAll50{font-size:calc(1.95em + 1vw);}

*.colHoverRed:hover{color:#D21532;}

.topMin{position:relative; top:-170px; z-index:1;}

#changePass button{display:block; width:100%; background-color:transparent; border:1px solid #505050; font-weight:bold; font-size:15px; color:#505050; text-decoration: none; transition: all 0.3 ease; padding: 15px 32px; border-radius:0;}
#changePass .accordion-item{border:0;}
#changePass button:hover, #changePass button:active{border:1px solid #D21532; background-color:#D21532; color:#FFF;}


.contUploadFile{height:450px; width:100%; background-image:url(../image/general/noImage.JPG); background-position:center; background-size:cover; background-repeat:no-repeat; border:6px solid #fff;}

.adminTitle{display:inline-block; width:100%; position:relative;}
.adminTitle::before{position:absolute; left:0; bottom:45%; width:99%; height:2px; content:''; background:#CE1E37; z-index:-1;}
.adminTitle::after{position:absolute; right:0; bottom:41%; width:12px; height:12px; content:''; background:#CE1E37; z-index:-1; border-radius:6px;}
.adminTitle span{display:inline-block; color:#505050; font-size:calc(1.95em + 1vw); font-weight:700; margin-left:60px; padding:10px; background:#F6F6F6;}
.contIB{border-right:15px solid #fff; border-bottom:15px solid #fff;}
.item-board{background-color:#F6F6F8; border:20px solid #fff; border-right:5px solid #fff; border-bottom:5px solid #fff;}
.item-board table{border-color:transparent;}
.item-board .btnd{display:inline-block; color:#505050; text-decoration:none; font-size:21px; font-weight:600;}
.item-board .btnd div{width:48px; height:48px; border:1px solid #505050; float:left;}
.item-board .btnd div i{display: block; width:20px; height: 20px; background:url(../image/general/plus.png)0px 0px no-repeat; position:relative; top:12px; left:12px;}
.item-board .btnd span{display:block; float:left; padding:8px 15px;}

.item-board .btnd:hover div{background-color:#D21532; border:1px solid #D21532; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.item-board .btnd:hover span{font-weight:bold; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.item-board .btnd:hover div i{background:url(../image/general/plus.png)-20px 0px no-repeat; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}

.navAdminSubm{text-align:center;}
.navAdminSubm a{display:inline-block; text-decoration:none; width:33%; height:40px; position:relative;}
.navAdminSubm a:hover{color:#505050; font-weight:bold;}
.navAdminSubm a.active{font-weight:bold;}
.navAdminSubm a.active::before{content:''; position:absolute; left:48%; bottom:7px; width:6px; height:6px; z-index:1; border-radius:3px; background:#D21532;}

#data_table, .data_table{border:0; border-top:15px solid transparent;}
#data_table td, .data_table td{font-size:13px; font-weight:600; border:0; color:#505050; padding:10px;}
#data_table tr > td:first-child, .data_table tr > td:first-child{border-top-left-radius:10px; border-bottom-left-radius:10px;}
#data_table tr > td:last-child, .data_table tr > td:last-child{border-top-right-radius:10px; border-bottom-right-radius:10px;}
#data_table thead tr td, .data_table thead tr td{padding-top:15px; padding-bottom:15px; font-size:20px; font-weight:700; color:#505050; line-height:20px; text-transform:uppercase;}
#data_table tr td[align=center], .data_table tr td[align=center]{text-align:center;}
#data_table tr td[align=right], .data_table tr td[align=right]{text-align:right;}
#data_table tr td, .data_table tr td{vertical-align:middle;}
#data_table tr.odd, .data_table tr.odd{background-color:#FDFCFC;}
#data_table tr.even, .data_table tr.even{background-color:#EBE9E9;}
#data_table tr, .data_table tr{border:0; margin-bottom:10px; outline:3px solid #F6F6F6;}

#data_table_wrapper .dataTables_length{float:right; margin-top:15px;}
#data_table_wrapper .dataTables_filter{float:left; width:30%;}
#data_table_wrapper .dataTables_filter label{width:100%; font-size:0; color:transparent; margin-bottom:20px; position:relative;}
#data_table_wrapper .dataTables_filter label input{width:100%; border:0; outline:none; border-radius:0; border-bottom:2px solid #505050; font-size:18px; color:#505050;}
#data_table_wrapper .dataTables_filter label::after{position:absolute; width:39px; height:39px; font-family:"Font Awesome 5 Free"; content:"\f002"; font-weight:900; z-index:1; pointer-events:none; right:0; top:0; font-size:18px; color:#505050; padding:7px;}

.befTable{background:#f3f1f1; display:inline-block; width:100%; border-radius:8px; padding:10px 0;}
.befTable span{display:block; color:#505050; float:left; width:50%; font-size:18px; padding:4px 20px;}
.befTable span:nth-child(2), .befTable span:nth-child(4){text-align:right;}

.btnTabWhite{width:110px; border:0;}
.btnTabWhite i{position:relative; top:1px;}
.btnTabWhite:hover, .btnTabWhite:active, .btnTabWhite:focus{background-color:#fff; border:0; color:#CE1E37;}

.fromTable .modal-header, .fromTable .modal-footer{border:0;}
.modStatus .modal-body{overflow-x:hidden;}
.statusProject{display:inline-block; width:100%; height:auto; text-align:center;}
.statusProject .item{display:inline-block; width:17%; margin:0 0 20px 0; padding:0; vertical-align:middle; height:227px;}
.statusProject .item img{opacity:.3;}
.statusProject .item b{display:block; width:100%; font-size:24px; color:#cdcccc; position:relative; z-index:2;}
.statusProject .item h5{display:block; width:100%; min-height:48px; font-size:17px; float:left; color:#cdcccc;}
.statusProject .item h6{display:block; width:100%; font-weight:bold; margin:0; font-size:14px; float:left;}
.statusProject .item span{display:block; width:100%; font-size:14px; float:left; color:#cdcccc;}
.statusProject .item .line{display:block; position:relative; width:100%; height:5px; background:#E6E6E6; margin:15px 0;}
.statusProject .item .line::after{display:block; width:5px; height:100%; background:#E6E6E6; content:''; position:absolute; top:0; right:-5px; z-index:0;}
.statusProject .item.finished .line::after{background:transparent;}
.statusProject .item:nth-child(1) .line{width:50%; float:right;}
.statusProject .item:nth-child(1) .line div{left:-50%;}
.statusProject .item:nth-child(5) .line{width:50%; float:left;}
.statusProject .item:nth-child(5) .line div{left:50%;}
.statusProject .item:nth-child(6) .line{width:50%; float:right;}
.statusProject .item:nth-child(6) .line div{left:-50%;}
.statusProject .item:nth-child(9) .line{width:50%; float:left;}
.statusProject .item:nth-child(9) .line div{left:50%;}
.statusProject .item .line div{display:block; margin:auto; width:24px; height:24px; border-radius:12px; background:#E6E6E6; top:-10px; position:relative; z-index:1;}
.statusProject .item.active img{opacity:1;}
.statusProject .item.active b{transform:scale(1.5); color:#505050;}
.statusProject .item.active h5{color:#505050; font-weight:700;}
.statusProject .item.active .line div{background:#CE1E37;}
.statusProject .item.active .line::before{position:absolute; width:50%; height:5px; top:0; left:0; content:''; background:#CE1E37;}
.statusProject .item.active:nth-child(1) .line::before{width:0%;}
.statusProject .item.active:nth-child(5) .line::before{width:100%;}
.statusProject .item.active:nth-child(6) .line::before{width:0%;}
.statusProject .item.active:nth-child(9) .line::before{width:100%;}

.statusProject .item.finished .line div{background:#CE1E37;}
.statusProject .item.finished .line::before{position:absolute; width:106%; height:5px; top:0; left:0; content:''; background:#CE1E37;}

.paginate_button{width:42px; height:42px;}
.paginate_button.previous{width:42px; height:42px; border:1px solid #505050!important;}
.paginate_button.next{width:42px; height:42px; border:1px solid #505050!important;}
.paginate_button:not(.previous, .next){border:0;}
.paginate_button.current:not(.previous, .next), .paginate_button:hover:not(.previous, .next), .paginate_button:focus:not(.previous, .next){border:0!important; width:42px; height:42px; font-weight:bold; color:#505050!important;}



/*moodboard*/
.moodlist .col-md-10{background-color: #FFF;}
.moodlist .col-md-10 .col-md-2{flex: 0 0 auto; width: 20%;}
.moodlist .col-md-10 .col-md-4{flex: 0 0 auto; width: 40%;}
.moodlist .col-md-10 .col-md-8{flex: 0 0 auto; width: 60%;}
.moodlist .col-md-10 .col-md-8 .col-md-4{flex: 0 0 auto; width: 33.33%;}
.mooditem{/*height:307px; margin-bottom:45px; background-position:center!important; background-repeat: no-repeat!important; background-size:cover!important; padding:5px;*/}
.mooditem.big{/*height:660px;*/}
.mooditem span {display: block; width: 100%; height: 100%; background-color: transparent; border: 1px solid rgba(110,110,110,0.12); /*border: 1px solid orchid;*/ font-weight: bold; font-size: 15px; color: #505050; text-decoration: none; transition: all 0.3 ease; padding: 9px 32px; cursor:pointer; pointer-events:none;}
.mooditem span a{width: 48px; height: 48px; display:inline-flex; display:none; text-align: center; border: 1px solid #505050; position: absolute; margin: 12% 0 0 9.7%;}
.mooditem.big span a{margin: 30.5% 0 0 25.7%;}
.mooditem span a div{width: 20px; height: 20px; background: url(../image/general/plus.png)0 0; display: table; margin: auto; transition: all 0.3s ease;}
.mooditem span a:hover > div{background:url(../image/general/plus.png)-20px 0;}
.mooditem span a:hover{background-color: #D21532;  border: 1px solid #D21532;}

.moodboard .itemProduct{cursor:pointer;}
.moodboard .itemProduct i.far.fa-heart{font-size:28px; margin:4px 0px 0px 3px; position:relative;}
.moodboard .itemProduct i.far.fa-heart span{position:absolute; left:0; top:1px; font-size:12px; padding:6px; width:100%; height:100%; display:block; text-align:center; font-family:arial;}
.moodboard .itemProduct i.far.fa-heart.active{color:#D21532;}

#moodlist .container_ *{/*outline:1px solid green;*/}
#moodlist .container_ .mooditem{width:280px; height:295px; margin:0; padding:10px; float:left;}
#moodlist .container_ .mooditem img{width:100%; height:226px; object-fit:cover; padding:4px; border-radius:7px; background:#fff; border:1px solid rgba(110,110,110,0.12); pointer-events:none;}
#moodlist .container_ .mooditem h5{display:block; width:100%; height:50px;}
#moodlist .container_ .mooditem:nth-child(1){width:560px; height:590px;}
#moodlist .container_ .mooditem:nth-child(1) img{height:510px;}

/* drag & Drop  */
.container_{/*display:grid; grid-template-columns:repeat(5, 1fr); gap:10px;*/ display:inline-block; width:100%;}
.box_{cursor:move;}
.box_.over{border:3px dotted #666;}
[draggable]{user-select:none;}


/*sliders*/
.gen-sli .owl-controls{position: absolute; width: 100%; height:auto; bottom:50px; text-align:center; z-index:1;}
.gen-sli .owl-controls .owl-nav{width: 100%; height:auto; text-align:center;}
.gen-sli .owl-controls .owl-nav div{color:transparent; width:32px; height:32px; border:1px solid #fff; display:inline-block; margin:3px; position:relative;}
.gen-sli .owl-controls .owl-nav div:after{position:absolute; width:100%; height:100%; font-weight:900; z-index:1; text-align:center; top:0; left:0; color:#fff; padding:3px;}
.gen-sli .owl-controls .owl-nav div.owl-prev:after{font-family:"Font Awesome 5 Free"; content:"\f053";}
.gen-sli .owl-controls .owl-nav div.owl-next:after{font-family:"Font Awesome 5 Free"; content:"\f054";}
.gen-sli .owl-controls .owl-nav div:hover{border:1px solid #fff; background-color:rgba(255,255,255,.7);}
.gen-sli .owl-controls .owl-nav div:hover:after{color:#D21532;}

.ls-rel-prods .owl-controls{width:100%; height:auto; text-align:center; margin:35px 0;}
.ls-rel-prods .owl-controls .owl-nav{width: 100%; height:auto; text-align:center;}
.ls-rel-prods .owl-controls .owl-nav div{color:transparent; width:32px; height:32px; border:1px solid #707070; display:inline-block; margin:3px; position:relative;}
.ls-rel-prods .owl-controls .owl-nav div:after{position:absolute; width:100%; height:100%; font-weight:900; z-index:1; text-align:center; top:0; left:0; color:#707070; padding:3px;}
.ls-rel-prods .owl-controls .owl-nav div.owl-prev:after{font-family:"Font Awesome 5 Free"; content:"\f053";}
.ls-rel-prods .owl-controls .owl-nav div.owl-next:after{font-family:"Font Awesome 5 Free"; content:"\f054";}
.ls-rel-prods .owl-controls .owl-nav div:hover{border:1px solid #707070; background-color:rgba(0,0,0,.7);}
.ls-rel-prods .owl-controls .owl-nav div:hover:after{color:#D21532;}

/* relationated Products  */
.relProd{background:#fff; width:96%; margin:auto; padding-bottom:15px;}
.relProd div{width:100%; height:375px; background-repeat:no-repeat!important; background-size:cover!important; background-position:center!important;}
.relProd div, .relProd h3, .relProd p{width:80%; margin:5px auto; padding:0;}
.relProd p b{text-transform:uppercase;}
.relProd hr{width:80%; margin-left:auto; margin-right:auto;}

#filterList .accordion-item:last-child button{border-bottom:none!important; box-shadow:none!important;}
.disabledForm{pointer-events:none; opacity:.3;}

form.disabled *{pointer-events:none;}
form .contLoadBtn{display:inline-block; width:0px; height:auto;}
.form_search .contLoadBtn{display:none;}
.product-sec-list .filters-product .f3 #filterList .accordion-body{padding:5px 0px 5px 12px;}
.product-sec-list .filters-product .f3 #filterList .filterListInter .accordion-body{padding:5px 0 3px 15px;}
.product-sec-list .filters-product .f3 #filterList .filterListInter .accordion-button{padding:5px 0 5px 0;}
.product-sec-list .filters-product .f3 #filterList .accordion-button{padding:10px 0 10px 0;}

.product-sec-list .filters-product .f3 #filterList .accordion-body ul li label > .custom-radio-checkbox__show{position:relative; top:5px;}
.product-sec-list .filters-product .f3 #filterList *{-webkit-user-select:none; -ms-user-select:none; user-select:none;}
.renderBuild *{-webkit-user-select:none; -ms-user-select:none; user-select:none;}
.product-sec-list .filters-product{position:sticky; position:-webkit-sticky; position:-moz-sticky; position:-ms-sticky; position:-o-sticky; bottom:auto; top:10px; height:fit-content; max-height:95vh;}

.swal-button{background-color:#505050;}
.swal-button:hover{background-color:#8d8d8d!important;}
.swal-button--cancel{color:#fff;}

header .nav-one .nav-item{padding:0 5px;}

.disabled{pointer-events:none; cursor:default;}
.form-control.read-only{pointer-events:none; cursor:default; -webkit-user-select:none; -ms-user-select:none; user-select:none; background:rgba(0,0,0,.02);}

.dropdown.bootstrap-select.form-control button{background:transparent; border-radius:0; border:0; border-bottom:2px solid #505050; color:#505050;}
.dropdown.bootstrap-select.form-control button:focus{background:#fff; color:#505050; border-color:#D21532; outline:0!important; outline-offset:0; box-shadow:none;}

/* contPass */
.contPass{position:relative;}
.contPass i{position:absolute; right:0; top:-5px; z-index:1; cursor:pointer; padding:17px; opacity:.5;}
.contPass i.visible{opacity:1;}

form.wpcf7-form .checks .form-check p{margin:0; display:inline-block;}

.itemProduct a .img img{background-color:#fff;}

/*2026*/
.men-serach-user form{border:1px solid #707070; height:42px; width:325px;}
.men-serach-user form input[type=text]{width:83%; font-size:17px; color:#6E6E6E; background-color:transparent; border:none; padding:0 20px;}
.men-serach-user form button{background-color:transparent; border:none; height:30px; margin-top:6px; padding:0 13px; border-left:1px solid #707070;}
header .men-serach-user .nav-link:hover, header .men-serach-user .nav-link.active{color:#D21532;}
header .men-serach-user img{width:187px;}

.dropdown-item.active, .dropdown-item:active{background-color:#D21532;}


/* ************************************************** MEDIA QUERIES ************************************************** */

@media only screen and (min-width: 1601px) and (max-width: 1900px){
    
}

@media only screen and (min-width: 1280px) and (max-width: 1600px){
	.topMin{top:-110px;}
	.contUploadFile{height:290px;}

	.adminTitle::before{width:98%;}

	.item-board h3{font-size:20px;}
	.item-board span.w-75{width:100%!important;}

	.befTable span{font-size:15px; padding:4px 10px;}
	#data_table_wrapper .dataTables_length{position:sticky; top:0; right:0;}
	#data_table_wrapper .dataTables_filter{position:sticky; top:0; left:0;}

	/*moodboard*/
	.btnmooddowm .col-md-1,.moodlist .col-md-1{flex: 0 0 auto; width: 5%;}
	.btnmooddowm .col-md-10,.moodlist .col-md-10{flex: 0 0 auto; width: 90%;}
	.moodlist .col-md-10{zoom: 0.7;}

	/* relationated Products  */
	.relProd div{height:190px;}
	.relProd div, .relProd h3, .relProd p{font-size:14px!important;}

	.slidernew .sAll50{font-size:30px;}

	header .nav-two ul.nav-two-down .nav-item {margin:0 5px;}
	header .nav-two ul.nav-two-down .nav-item .nav-link{font-size:15px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px){
   .topMin{top:-90px;}
   .contUploadFile{height:250px;}

   .adminTitle::before{width:98%;}

   .item-board{padding:5px!important;}
   .item-board h3{font-size:20px!important;}
	.item-board span.w-75{width:100%!important;}
	.item-board img{zoom:.6;}
	.item-board .btnd{zoom:.6;}

	.btnSAd{font-size:12px!important; padding:9px 10px!important; width:100%;}

	.befTable span{font-size:12px; padding:4px 5px;}
	#data_table_wrapper .dataTables_length{position:relative; top:0; right:0; margin-top:0;}
	#data_table_wrapper .dataTables_filter{position:relative; top:0; left:0;}
	#data_table_wrapper .dataTables_filter label input{font-size:14px;}
	#data_table_wrapper .dataTables_filter label::after{padding:3px;}
	#data_table_wrapper .dataTables_filter label{margin-bottom:0;}

	.statusProject .item h5{font-size:12px; min-height:31px;}
	.statusProject .item .line div{width:18px; height:18px; border-radius:9px; top:-8px;}
	.statusProject .item .line{height:3px;}
	.statusProject .item.active .line::before{height:3px;}
	.statusProject .item.finished .line::before{height:3px;}

	.fromTable .modal-body span.border-start{height:80%;}

	/*moodboard*/
	.btnmooddowm .col-md-1,.moodlist .col-md-1{flex: 0 0 auto; width: 3%;}
	.btnmooddowm .col-md-10,.moodlist .col-md-10{flex: 0 0 auto; width: 94%;}
	.moodlist .col-md-10{zoom: 0.6;}

	/*sliders*/
  	.gen-sli .owl-controls{bottom:20px;}

  	/* relationated Products  */
  	.relProd div{height:135px;}
  	.relProd div, .relProd h3, .relProd p{font-size:13px!important;}

  	#moodlist .container_ .mooditem:nth-child(1){width:550px; height:578px;}
  	#moodlist .container_ .mooditem{width:278px; height:290px;}

  	.slidernew .sAll50{font-size:25px;}

  	header .nav-two ul.nav-two-down .nav-item {margin:0 5px;}
  	header .nav-two ul.nav-two-down .nav-item .nav-link{font-size:16px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
	.topMin{top:-70px;}
	.contUploadFile{height:190px;}
	.dropdown ul[aria-labelledby="isUser"]{width:100%; left:0;}

	.adminTitle::before{width:97.5%;}
	.adminTitle span{font-size: calc(1.5em + 1vw);}

	.item-board{padding:5px!important;}
	.item-board h3{font-size:16px!important;}
   .item-board span.w-75{width:100%!important;}
   .item-board img{zoom:.6;}
   .item-board .btnd{zoom:.6;}

   .navAdminSubm a{width:29%;}

   .btnSAd{font-size:12px!important; padding:10px 5px!important; width:100%;}
   .btnSAd i{font-size:15px!important;}

   .befTable{width:130%; float:right;}
   .befTable span{font-size:12px; padding:4px 5px;}
   #data_table_wrapper .dataTables_length{position:relative; top:0; right:0; margin-top:0;}
	#data_table_wrapper .dataTables_filter{position:relative; top:0; left:0;}
   #data_table_wrapper .dataTables_filter label input{font-size:12px;}
   #data_table_wrapper .dataTables_filter label::after{padding:3px;}

   .statusProject .item{height:190px;}
   .statusProject .item b{font-size:18px;}
   .statusProject .item h5{font-size:11px; min-height:28px;}
   .statusProject .item h6{font-size:11px;}
   .statusProject .item span{font-size:11px;}
   .statusProject .item .line div{width:18px; height:18px; border-radius:9px; top:-8px;}
   .statusProject .item .line{height:3px;}
   .statusProject .item.active .line::before{height:3px;}
   .statusProject .item.finished .line::before{height:3px;}

   .fromTable .modal-body span.border-start{height:90%;}

   /*moodboard*/
	.btnmooddowm .col-md-1,.moodlist .col-md-1{flex: 0 0 auto; width: 3%;}
	.btnmooddowm .col-md-10,.moodlist .col-md-10{flex: 0 0 auto; width: 94%;}
	.moodlist .col-md-10{zoom: 0.45;}

	/*sliders*/
  	.gen-sli .owl-controls{bottom:15px;}

  	/* relationated Products  */
  	.relProd div{width:50%; height:250px;}

  	.slidernew .sAll50{font-size:20px;}

  	header .men-serach-user img{width:100px; display:block; margin:auto;}
  	.men-serach-user .w-50{width:100%!important;}
  	.men-serach-user .w-50.float-end{padding-bottom:0!important; text-align:center!important; position:relative;}
  	.men-serach-user form{border:1px solid #707070; height:35px; width:50%; margin:0!important;}
  	.men-serach-user form input[type=text]{width:80%; font-size:12px; padding:8px 20px; display:block; float:left;}
  	.men-serach-user form button{height:24px; margin-top:5px; padding:0 8px; display:block; float:left; width:20%;}
  	.men-serach-user a.nav-link.d-inline-block{font-size:12px; position:absolute; top:23px; right:0; z-index:1;}
  	header .nav-two .navbar-toggler{border:none; margin:0 auto; position:absolute; top:-55px; left:auto;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.px_sm_1{padding-right:0.25rem!important; padding-left:0.25rem!important;}
	.px_sm_2{padding-right:0.5rem!important; padding-left:0.5rem!important;}
	.px_sm_3{padding-right:1rem!important; padding-left:1rem!important;}
	.px_sm_4{padding-right:1.5rem!important; padding-left:1.5rem!important;}
	.px_sm_5{padding-right:3rem!important; padding-left:3rem!important;}
	
  	.topMin{top:0px;}	
  	.contUploadFile{height:296px;}
  	.dropdown ul[aria-labelledby="isUser"]{width:auto; left:0;}

  	.adminTitle::before{width:96.5%;}
  	.adminTitle span{font-size: calc(0.9em + 1vw); margin-left:10px; padding:5px;}
  	.adminTitle::after {bottom:38%; width:8px; height:8px; border-radius:4px;}

  	.item-board{padding:5px!important;}
  	.item-board > div{float:left;}
  	.item-board h3{font-size:18px!important; position:relative; top:10px;}
  	.item-board p{float:left; width:100%;}
  	.item-board span.w-75{width:100%!important;}
  	.item-board img{height:45px; float:left; padding:0 8px 0 0!important;}
  	.item-board .btnd{zoom:.8;}

  	.navAdminSubm a{width:100%;}

  	.btnSAd{width:100%; text-align:center;}

   .befTable span{font-size:15px; padding:4px 10px;}
   #data_table_wrapper .dataTables_length{position:relative; top:0; right:0; margin-top:0;}
	#data_table_wrapper .dataTables_filter{position:relative; top:0; left:0; width:50%;}
   #data_table_wrapper .dataTables_filter label input{font-size:12px;}
   #data_table_wrapper .dataTables_filter label::after{padding:3px;}

   .statusProject .item{width:100%; position:relative; height:auto;}
   .statusProject .item h5{min-height:auto; margin-top:5px;}
   .statusProject .item h6 br, .statusProject .item span br{display:none;}
   .statusProject .item img{position:absolute; left:2px; top:25%;}
   .statusProject .item b{color:#fff; position:absolute; top:-1px; left:0;}
   .statusProject .item .line div{transform: scale(1.2);}
   .statusProject .item.active b{color:#fff;}
   .statusProject .item.active .line div{transform: scale(1.6);}
   .statusProject .item .line, .statusProject .item.finished .line::before, .statusProject .item.active .line::before{height:0;}

   .fromTable .modal-body .border-start{border-left:0!important; border-top:1px solid #dee2e6;}

   /*moodboard*/
  	.moodlist .col-md-10 .col-md-4,.moodlist .col-md-10 .col-md-8,.moodlist .col-md-10 .col-md-2,.moodlist .col-md-10 .col-md-8 .col-md-4{width: 100%;}
  	.mooditem.big{height: 415px;}
  	.mooditem span a,.mooditem.big span a{margin: 70% 0 0 71.7%;}

  	/*sliders*/
  	.gen-sli .owl-controls{bottom:5px;}

  	/* relationated Products  */
  	.relProd div{width:50%; height:250px;}

  	#moodlist .container_ .mooditem:nth-child(1){width:100%; height:275px;}
  	#moodlist .container_ .mooditem:nth-child(1) img{height:200px;}
  	#moodlist .container_ .mooditem{width:100%; height:300pxpx;}
  	#moodlist .container_ .mooditem img{width:100%; height:200px;}

  	.slidernew .sAll50{font-size:35px;}

  	header .men-serach-user img{width:100px; display:block; margin:auto;}
  	.men-serach-user .w-50{width:100%!important;}
  	.men-serach-user .w-50.float-end{padding-bottom:0!important; text-align:center!important; position:relative;}
  	.men-serach-user form{border:1px solid #707070; height:35px; width:50%; margin:0!important;}
  	.men-serach-user form input[type=text]{width:80%; font-size:12px; padding:8px 20px; display:block; float:left;}
  	.men-serach-user form button{height:24px; margin-top:5px; padding:0 8px; display:block; float:left; width:20%;}
  	.men-serach-user a.nav-link.d-inline-block{font-size:12px; position:absolute; top:23px; right:0; z-index:1;}
  	header .nav-two .navbar-toggler{border:none; margin:0 auto; position:absolute; top:-55px; left:10px;}
}

@media only screen and (max-width: 479px){
	.px_sm_1{padding-right:0.25rem!important; padding-left:0.25rem!important;}
	.px_sm_2{padding-right:0.5rem!important; padding-left:0.5rem!important;}
	.px_sm_3{padding-right:1rem!important; padding-left:1rem!important;}
	.px_sm_4{padding-right:1.5rem!important; padding-left:1.5rem!important;}
	.px_sm_5{padding-right:3rem!important; padding-left:3rem!important;}

  	.topMin{top:0px;}	 
  	.contUploadFile{height:296px;} 
  	.dropdown ul[aria-labelledby="isUser"]{width:auto; left:0;}

  	.adminTitle::before{width:96.5%;}
  	.adminTitle span{font-size: calc(0.9em + 1vw); margin-left:10px; padding:5px;}
  	.adminTitle::after {bottom:38%; width:8px; height:8px; border-radius:4px;}

  	.item-board{padding:5px!important;}
  	.item-board > div{float:left;}
  	.item-board h3{font-size:16px!important; position:relative; top:10px;}
  	.item-board p{float:left; width:100%;}
  	.item-board span.w-75{width:100%!important;}
  	.item-board img{height:45px; float:left; padding:0 8px 0 0!important;}
  	.item-board .btnd{zoom:.8;}

  	.navAdminSubm a{width:100%;}

  	.btnSAd{width:100%; text-align:center;}

  	.befTable span{font-size:12px; padding:4px 10px;}
  	#data_table_wrapper .dataTables_length{position:relative; top:0; right:0; margin-top:0; width:100%; margin-bottom:15px;}
  	#data_table_wrapper .dataTables_filter{position:relative; top:0; left:0; width:100%;}
  	#data_table_wrapper .dataTables_filter label input{font-size:12px;}
  	#data_table_wrapper .dataTables_filter label::after{padding:3px;}

  	.statusProject .item{width:100%; position:relative; height:auto;}
  	.statusProject .item h5{min-height:auto; margin-top:5px;}
  	.statusProject .item h6 br, .statusProject .item span br{display:none;}
  	.statusProject .item img{position:absolute; left:2px; top:25%;}
  	.statusProject .item b{color:#fff; position:absolute; top:-1px; left:0;}
  	.statusProject .item .line div{transform: scale(1.2);}
  	.statusProject .item.active b{color:#fff;}
  	.statusProject .item.active .line div{transform: scale(1.6);}
  	.statusProject .item .line, .statusProject .item.finished .line::before, .statusProject .item.active .line::before{height:0;}

  	.fromTable .modal-body .border-start{border-left:0!important; border-top:1px solid #dee2e6;}

  	/*moodboard*/
  	.moodlist .col-md-10 .col-md-4,.moodlist .col-md-10 .col-md-8,.moodlist .col-md-10 .col-md-2,.moodlist .col-md-10 .col-md-8 .col-md-4{width: 100%;}
  	.mooditem.big{height: 307px;}
  	.mooditem span a,.mooditem.big span a{margin: 64% 0 0 63.7%;}

  	/*sliders*/
  	.gen-sli .owl-controls{bottom:0px;}

  	/* relationated Products  */
  	.relProd div{height:245px;}

  	#moodlist .container_ .mooditem:nth-child(1){width:100%; height:275px;}
  	#moodlist .container_ .mooditem:nth-child(1) img{height:200px;}
  	#moodlist .container_ .mooditem{width:100%; height:300pxpx;}
  	#moodlist .container_ .mooditem img{width:100%; height:200px;}

  	.slidernew .sAll50{font-size:30px;}

  	header .men-serach-user img{width:100px; display:block; margin:auto;}
  	.men-serach-user .w-50{width:100%!important;}
  	.men-serach-user .w-50.float-end{padding-bottom:0!important; text-align:center!important; position:relative;}
  	.men-serach-user form{border:1px solid #707070; height:35px; width:50%; margin:0!important;}
  	.men-serach-user form input[type=text]{width:80%; font-size:12px; padding:8px 20px; display:block; float:left;}
  	.men-serach-user form button{height:24px; margin-top:5px; padding:0 8px; display:block; float:left; width:20%;}
  	.men-serach-user a.nav-link.d-inline-block{font-size:12px; position:absolute; top:23px; right:0; z-index:1;}
  	header .nav-two .navbar-toggler{border:none; margin:0 auto; position:absolute; top:-55px; left:10px;}
}