/************Width************/
.w100{width:100%;}
.w90{width:90%;}
.w85{width:85%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w48{width:48%;}
.w40{width:40%;}
.w30{width:30%;}
.w25{width: 25%;}
.w22{width: 22%;}
.w20{width:20%;}
.w24{width:24%;}
.w10{width: 10%;}

.red{border: 1px solid red;}
.dnone{display: none;}
.item-align-center{align-items: center!important;}
.position-absolute{position: absolute;}
.position-relative{position: relative;}
/************End Width************/
.size90{width: 90%;}


/************Border Start************/
.bleft{border-left: 5px solid skyblue;}
.bright{border-right: 2px solid #ddd;}
.bod{border: 1px solid #ddd;}

/************End Border************/

.container-95{margin-left: auto;margin-right:auto;width: 95%;}
.container{margin-left: auto;margin-right:auto;width: 90%;}
.container-1{margin-left: auto;margin-right:auto;width: 70vw;}
.auto{margin-left: auto;margin-right: auto;}
img{max-width: 100%;}

/************Flex************/
.dflex{display: flex;flex-wrap: wrap;}
.wrap{flex-wrap:wrap;}
.size1{flex: 1;}
.size2{flex: 2;}
.size3{flex: 3;}
.flex-start{align-content: flex-start;}
.flex-end{align-content: flex-end;}
.space-between{align-content: space-between;justify-content: space-between;}
.space-around{align-content: space-around;justify-content: space-around;}
.align-item-center{align-items: center;}
/************Flex End************/



/******TEXT ALIGN******/
.center{text-align:center;}
.justify{text-align:justify;}
.left{text-align:left;}
.right{text-align:right;}
/******TEXT ALIGN END******/ 


/******Box-Shadow and text-shadow ******/
.bs{ box-shadow: 0px 0px 10px 1px #cccccc;}
.bs0{box-shadow:2px 2px 9px #ddd;}
.bs1{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.bs2{box-shadow:2px 2px 9px #ddd;}
.ts{text-shadow: 1px 1px 3px #333;}
/******Box-Shadow and Text-shadow End******/

/******color******/
.white{color: white;}
.black{color: black;}
/******Color End******/
/****** Media Querys Start*****/
@media only screen and (max-width:768px){
   .w30,.w20,.w22,.w24,.w25,.w60,.w40,.w50,.w70,.w48,.w80{width: 100%!important;flex-direction: column;flex-wrap: wrap;}
}