@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
body{margin:0; font-family: 'Montserrat', sans-serif!important;}
#main1{width:100%; height:auto; float:left}
#main-inner{width:80%; height:auto; margin:0 auto; overflow:auto}
.img{width:35%; height:auto; float:left; margin: 20% 5% 0 0;}
.img1{width:2%; height:auto; float:left; margin: 10% 0 0 0;}
.img2{visibility: hidden;}
#right{width:55%; height:auto; float:left; margin: 6% 0 0 3%;}
#right h2{width:100%; height:auto; float:left; color: #323232; text-align: center; border-bottom: 1px solid #e48312; padding-bottom: 30px;}
#right h5{width:100%; height:auto; float:left; color: #00b050;}
#right .bottom{width:95.5%; height:auto; float:left; margin:0; background: #e9e9e8; border: 1px solid #deded8; padding: 2%; border-radius: 5px;}
#right .bottom p{font-size: 14px; line-height: 180%;}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#main-inner{width:98%; height:auto; margin:0 auto; overflow:auto}
.img{width:80%; height:auto; float:left; margin: 1% 10%;}
.img1{width:0; height:auto; float:left; margin:0; visibility: hidden;}
.img2{width:95%; height:auto; float:left; margin:2.5%; visibility: visible;}
#right{width:98%; height:auto; float:left; margin: 1%;}
#right h2{padding-bottom: 10px;}
#right h5{margin: 0 0 4% 0; line-height: 150%;}


}