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

  .w_case2{
    width: 29rem !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: .5rem !important;
   }

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

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

   .w_case2{
    width: 24rem !important;
  }
}

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

  .w_case2{
   width: 29rem !important;
  }

  .w_case3{
    width: 18.5em;
  }

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

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

  .casew{
	bottom: .85rem !important;
   }

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

	.m_font1{
	 font-size:0.9em !important;
	}
 
}

@media screen and (min-width: 393px) {
  .casew{
	bottom: 1.1rem !important;
   }
}


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

.w_case3{
    width: 21.5em;
  }
 
}

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

.w_case{
	 width: 22em !important;
  }

  .w_case2{
   width: 30rem !important;
  }

  .w_case3{
    width: 28em;
  }
 
.casew{
	bottom: 2.1rem !important;
   }
 
}

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

 .casew{
	bottom: 2.3rem !important;
   }
}


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

.w_case{
	 width: 22em !important;
  }
 
.casew{
	bottom: 2.8rem !important;
   }
 
}

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

.w_case{
	 width: 22em !important;
  }

  .w_case2{
   width: 29rem !important;
  }

  .w_case3{
    width: 28em;
  }
 
.casew{
	bottom: 2.8rem !important;
   }
 
}

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

   .casew{
	bottom: 2.9rem !important;
   }

}

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

.w_case{
	 width: 34.5em !important;
  }

  .w_case2{
    width: 35rem !important;
  }

  .w_case3{
    width: 36em;
  }

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

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

 .m_font1{
	 font-size: 1.4em !important;
	}

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

.casew{
	bottom: 3.1rem !important;
   }
}

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

.casew{
	bottom: 3.1rem !important;
   }

.w_case3{
 width: 42.5em;
}

}

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

  .casew{
	bottom: 3.3rem !important;
   }
 
}

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

.casew{
	bottom: 3.4rem !important;
   }

.w_case3{
 width: 42.5em;
}

}

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

.casew{
	bottom: 3.7rem !important;
   }

.w_case3{
 width: 42.5em;
}

}

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

  .casew{
	bottom: 3.9rem !important;
   }
 
}

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

  .casew{
	bottom: 3.9rem !important;
   }
 
}

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

.casew{
	bottom: 4.2rem !important;
   }

.w_case3{
 width: 42.5em;
}

}

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

.casew{
	bottom: 4.3rem !important;
   }

.w_case3{
  width: 47.5em;
}

}

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

.w_case{
	 width: 38em !important;
  }

  .w_case2{
   width: 41rem !important;
  }

  .w_case3{
    width: 53.5em;
  }

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

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

  .m_font1{
	 font-size: 1.4em !important;
	}

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

.casew{
	bottom: 4.8rem !important;
   }
}

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

  .casew{
	bottom: 5.5rem !important;
   }
 
}

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

.casew{
	bottom: 5.8rem !important;
   }

   .w_case3{
    width: 66em;
  }
}

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

.casew{
	bottom: 6.6rem !important;
   }

   .w_case3{
    width: 66em;
  }
}

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

.casew{
	bottom: 7.1rem !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: 10.7rem !important
   }

}