@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:100,300,400,500,700,900&display=swap');
body {
  	font-family: 'solaimanLipi', sans-serif;
   	background-color: #fff;
}

	
	h1, h2, h3, h4, h5, h6, p { margin-top: 0; margin-bottom: 0; }
	a { color: #222; font-weight: 600; }
	a:hover 	{ color: #137df6; }

	@media only screen and (max-width: 600px) { 
		.col-6 { padding-left: 10px!important; padding-right: 10px!important; }
	}


	/* Width size */
	.container {
		max-width: 1360px;
	}

	@media only screen and (width: 1920px) {
		.container { width: 90%; }
	}

	@media only screen and (width: 1366px) {
		.container { max-width: 90%; }
	}

	@media only screen and (width: 1024px) {
		.container { width: 90%; }
	}

	@media only screen and (width: 2560px) {
		.container { max-width: 70%; }
	}


	.container-fluid {
		max-width: 80% !important;/*Set your own width %; */
	}
	@media only screen and (max-width: 600px) { 
    .container-fluid {
		width: 100% !important;/*Set your own width %; */
		}
  	}


  /* zoomImg */
	.zoomImg img {
		overflow: hidden;
		transition: transform .8s ease;
		transform-origin: center center;
	}

	/* zoomImg Transformation */
	.zoomImg:hover img {
	  transform: scale(1.1);
	}

	.imgsizeM {
	    height: 130px;
	    width: 100%;
	  } 

	  @media only screen and (max-width: 660px) { 
	    .imgsizeM {
	      height: 100%;
	      width: 100%;
	    } 
	  }


/* Style ProbasonNews  */
	
	.title1 {
		color: #333333;
		font-size: 36px;
		font-weight: 700!important;
		text-decoration: none;
		background: transparent;
		line-height: 1.3em;
		padding: 10px 0px;
		transition-duration: .2s;
	}

	@media only screen and (max-width: 676px) { 
		.title1 {
			font-size: 26px;
		} 
	}

	.SubTitle {
      color: #d00!important;
      font-size: 30px!important;
      font-weight: 400!important;
      padding-bottom: 0px!important;
      padding-top: 10px!important;
    } 
    @media only screen and (max-width: 676px) { 
		.SubTitle {
			font-size: 24px!important;
		} 
	}

	.title3 {
		font-size: 22px;
		font-weight: 600!important;
		text-decoration: none;
		padding: 10px 0px 15px;
		transition-duration: .2s;
	}
	@media only screen and (max-width: 676px) { 
		.title3 {
			font-size: 18px;
			line-height: 1.3;
			padding: 5px 0px 5px;
		} 
	}


	.title4 {
		color: #111;
		font-size: 22px;
		font-weight: 600!important;
		line-height: 1.4em;
		text-decoration: none;
		padding: 10px 0px;
		transition-duration: .2s;
	}

	@media only screen and (max-width: 676px) { 
		.title4 {
			font-size: 18px;
			font-weight: 600!important;
			padding: 10px 0px;
			height: 80px;
			overflow: hidden;
			margin-bottom: 15px;
		} 
	}

	.title5 {
		font-style: bolder;
		text-decoration: none;
		padding: 10px 0px 15px;
		transition-duration: .2s;
	}

	@media only screen and (max-width: 676px) { 
		.title5 { 
			font-size: 14px;
			line-height: 1.3;
		} 
	}
	


	.titleList4 {
		font-size: 20px;
		font-weight: normal!important;
		line-height: 1.3em;
		text-decoration: none;
		padding: 5px 10px;
	}

	@media only screen and (max-width: 676px) { 
		.titleList4 { 
			font-size: 18px;
			font-weight: 600 !important;
			line-height: 1.4em;
		} 
	}

	.titleList5 {
		font-size: 18px;
		font-weight: normal;
		line-height: 1.3em;
		text-decoration: none;
		padding: 5px;
	}

	@media only screen and (max-width: 676px) { 
		.titleList5 {
		} 
	}


	.HeadPage {
		color: #555;
		font-weight: bold;
		font-size: 1.8em;
		border-left: 10px solid #14672F;
		text-transform: uppercase;
		padding: 0px 10px 0px;
	} @media only screen and (max-width: 600px) { 
		.HeadPage {
			font-size: 2em;
		}
	}

	.HeadPage:hover {
		text-decoration: none;
	}