@media all and (max-width: 768px) {
	 .cssdesc{font-size:13px;}
	 
	 .paragraph img{margin:0;width:100%;}
    .paragraph-col-4{width:45%;}
	 .paragraph-col-3{width:100%;}
	 .paragraph-col-3 .cnt-img img{width:100%;}
	 .paragraph-col-3 .cnt-text, .paragraph-col-3 .cnt-text p{margin:0 0 10px 0;}
	 .paragraph-col-2.cssleft, .paragraph-col-2.cssright{width:100%;margin: 0 0  20px 0;}
	 .paragraph-col-2 h3.cnt-title{font-size:15px; margin:5px 0;}
	 
	 .paragraph-tpl-9 .paragcolleft,.paragraph-tpl-9 .paragcolright, .paragraph-tpl-9 .paragcolleft .cssdesc, .paragraph-tpl-9 .paragcolleft .cssimg{width:100%;}
	 .paragraph-tpl-9 .paragcolleft{margin:0 0 15px 0;}
	 .paragraph-tpl-9 .paragcolright{height:auto;}
	 .paragraph-tpl-9 .paragcolleft .cssimg{padding:0;}
	 .paragraph-tpl-9 .paragcolleft img{width:100%;max-width: 100%;max-height:initial;}
	 .paragraph-tpl-9 .paragcolright h3.cnt-text{margin:0; padding:0;}
	 .paragraph-tpl-9 .paragcolright .cssdesc{height:auto;}
	 
	 .paragraph-tpl-11 .paragcol-left, .paragraph-tpl-11 .paragcol-right{height:auto;}
	 .paragraph-tpl-11 .paragcol-right .cnt-img{margin:0;}

	 .paragcol.theme2{width:100%;margin:0px 0 5px 0}
	 .paragraph-tpl-15 .paragraph-col-2.cssright, .paragraph-tpl-15 .paragraph-col-2.cssleft{margin:0 0 5px 0;}
	 .paragraph-tpl-16 .paragraph-col-2.cssright, .paragraph-tpl-16 .paragraph-col-2.cssleft{width:100%;margin:0;}
	 .paragraph-tpl-16 .paragraph-col-2 .cnt-img img{width:100%;}
	 
	 /*2020-03-16 using display:         flex; */
	 .paragraph-tpl-22 {display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display:         flex;  flex-wrap: wrap;}
	 .paragraph-col-4  {display: flex;flex-direction: column;}
	 
	 .newprod-block .content-container .cover-item{margin:0 1.5% 10px 0; width:47%; height:auto;min-height: 190px;}
	 .newprod-block .content-container .cover-item .cssimg img{max-width:100%;max-height:135px;width: auto;}
	 .newprod-block .content-container .cover-item .cssimg{width:100%;height:auto; display:block; text-align:center;}
	 .newprod-block .content-container .cover-item h1{margin:5px 0;}
	 .newprod-block .content-container .cover-item .cssimg img{ height:auto; margin:0 auto;}
	 .newprod-block .title-header h3{font-size:14px;}
	 .newprod-block .content-container{margin:10px 0 0 0;}
	 
	.contact-block ul{width:100%;}
	.contact-block{padding:20px 0;}
	 #map-canvas {width: 100%;height: 200px;}
	 
	

}

@media screen and (min-width:0\0) { 
    /* ie9 , ie10 ,ie11 rule sets go here */
	.newprod-block .content-container .cover-item .cssimg img{width:100%;}
}

@media screen and (min-width: 760px) {
	.contact-block{max-width:800px;margin: 15px 0 15px 0;}
	.paragraph img{margin:0; width:100%;}
	.paragraph-tpl-11 .paragcol-left{height:auto; max-height:450px;}
	.paragraph, .paragraph.paragraph-tpl-1{max-width:800px;margin: 15px 0 15px 0;}
	.paragraph-tpl-11 .paragcol-right .cnt-img{width:100%;}
	.paragraph-tpl-9 .paragcolleft{width:68%;}
	.newprod-block{width:800px;margin: 30px 0;}
}