@media screen and (min-width: 280px) {
 
  .w_case{
	 width: 13.5em !important;
  }

  .w_case2{
   width: 135% !important;
  }

  .w_case3{
    width: 14.5em;
  }

  .sub_li{
	  font-size:0.6em !important;
	}

  .m_title{
	font-size: 1em !important; 
  }

  .h_title{
   font-size: 1.05em !important;
  }

  .casew{
	bottom: 10% !important;
   }

@media screen and (min-width: 320px) {
  .casew{
	bottom: 11% !important;
   }
}

@media screen and (min-width: 360px) {
 
  .w_case{
	 width: 18.5em !important;
  }

  .w_case2{
   width: 120% !important;
  }

  .w_case3{
    width: 18.5em;
  }

  .m_title{
    font-size: 1.1em !important; 
  }

 .h_title{
  font-size: 1.05em !important;
 }

  .casew{
	bottom: 12% !important;
   }

  .sub_li{
	  font-size:0.8em !important;
	}
 
}

@media screen and (min-width: 412px) {
 
.casew{
	bottom: 16% !important;
   }

.w_case3{
    width: 21.5em;
  }
 
}

@media screen and (min-width: 540px) {

.w_case{
	 width: 22em !important;
  }

  .w_case2{
   width: 100% !important;
  }

  .w_case3{
    width: 28em;
  }
 
.casew{
	bottom: 20% !important;
   }
 
}

@media screen and (min-width: 717px) {

.w_case{
	 width: 26em !important;
  }

  .w_case2{
   width: 105% !important;
  }

  .w_case3{
    width: 37em;
  }

.m_title{
    font-size: 1.7em !important; 
  }

 .h_title{
  font-size: 1.5em !important;
 }

.sub_li{
	  font-size:1em !important;
	}

.casew{
	bottom: 20% !important;
   }
}

@media screen and (min-width: 820px) {

.casew{
	bottom: 21% !important;
   }

.w_case3{
 width: 42.5em;
}

}

@media screen and (min-width: 912px) {

.casew{
	bottom: 23% !important;
   }

.w_case3{
  width: 47.5em;
}

}

@media screen and (min-width: 1024px) {

.w_case{
	 width: 31em !important;
  }

  .w_case2{
   width: 100% !important;
  }

  .w_case3{
    width: 53.5em;
  }

.m_title{
    font-size: 2.2em !important; 
  }

.h_title{
  font-size: 2em !important;
  }

.sub_li{
	  font-size:1.2em !important;
	}

.casew{
	bottom: 22% !important;
   }
}

@media screen and (min-width: 1280px) {

.casew{
	bottom: 25% !important;
   }

   .w_case3{
    width: 66em;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1700px) {
 
 .casew{
	bottom: 25% !important
   }

}

@media screen and (min-width: 1700px) {
 
 .casew{
	bottom: 27% !important
   }

}


@media screen and (min-width: 1920px) {
 
 .casew{
	bottom: 28.1% !important
   }

}