p{ } @media screen and (max-width: 1024px) { .Medi_cont { margin: auto; width: 680px; text-align: center; } .Medi_cont_head { color: #1a305f; text-align: center; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: 518px; /* height: 36px; */ line-height: 36px; margin: 0px auto; margin-top: 80px; } .Medi_blk { width: 813px; margin: 80px auto; } .Medi_lft { padding: 0px; width: 360px; margin: 11px auto 0px 0; } .Medi_rt { padding: 0px; width: 324px; height: 229px; float: right; background: #fff; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(16, 14, 23, .25); box-shadow: 0 0 20px rgba(16, 14, 23, .25); padding: 40px; } .Medi_rt h4 { margin: 0px; font-size: 18px; line-height: 20px; color: #6c6d70; font-family: Franklin Gothic, Medium; } .Medi_Head { color: #1a305f; text-align: left; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: auto; /* height: 36px; */ line-height: 36px; margin: 0px; } .Medi_par { color: #6c6d70; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77BD42; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77bd42; font-weight: 600; } .Medi_rt h6 { margin: 0px; font-size: 16px; line-height: 20px; color: #1a305f; font-family: Franklin Gothic, Medium; } .btn { display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .Regular_btn { background: #77bd42; color: #fff; width: 229.08px; text-align: center; height: 45px; padding: 15px 30px 15px 30px; font-size: 14px; min-width: 180px; font-family: Franklin Gothic Book, Regular; line-height: 14px; } .Medi_rt_row { margin: 22px 0px; } .Medi { background: #fff; height: auto; } .margin_0 { margin: 0px !important; } .padding_0{ padding: 0px !important; } } @media only screen and (min-width: 1026px) and (max-width: 1368px) { .Medi_cont { margin: auto; width: 680px; text-align: center; } .Medi_cont_head { color: #1a305f; text-align: center; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: 518px; /* height: 36px; */ line-height: 36px; margin: 0px auto; margin-top: 80px; } .Medi_blk { width: 813px; margin: 80px auto; } .Medi_lft { padding: 0px; width: 360px; margin: 11px auto 0px 0; } .Medi_rt { padding: 0px; width: 324px; height: 229px; float: right; background: #fff; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(16, 14, 23, .25); box-shadow: 0 0 20px rgba(16, 14, 23, .25); padding: 40px; } .Medi_rt h4 { margin: 0px; font-size: 18px; line-height: 20px; color: #6c6d70; font-family: Franklin Gothic, Medium; } .Medi_Head { color: #1a305f; text-align: left; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: auto; /* height: 36px; */ line-height: 36px; margin: 0px; } .Medi_par { color: #6c6d70; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77BD42; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77bd42; font-weight: 600; } .Medi_rt h6 { margin: 0px; font-size: 16px; line-height: 20px; color: #1a305f; font-family: Franklin Gothic, Medium; } .btn { display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .Regular_btn { background: #77bd42; color: #fff; width: 229.08px; text-align: center; height: 45px; padding: 15px 30px 15px 30px; font-size: 14px; min-width: 180px; font-family: Franklin Gothic Book, Regular; line-height: 14px; } .Medi_rt_row { margin: 22px 0px; } .Medi { background: #fff; height: auto; } .margin_0 { margin: 0px !important; } .padding_0{ padding: 0px !important; } } @media only screen and (min-width: 1370px) and (max-width: 1690px) { .Medi_cont { margin: auto; width: 680px; text-align: center; } .Medi_cont_head { color: #1a305f; text-align: center; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: 518px; /* height: 36px; */ line-height: 36px; margin: 0px auto; margin-top: 80px; } .Medi_blk { width: 813px; margin: 80px auto; } .Medi_lft { padding: 0px; width: 360px; margin: 11px auto 0px 0; } .Medi_rt { padding: 0px; width: 324px; height: 229px; float: right; background: #fff; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(16, 14, 23, .25); box-shadow: 0 0 20px rgba(16, 14, 23, .25); padding: 40px; } .Medi_rt h4 { margin: 0px; font-size: 18px; line-height: 20px; color: #6c6d70; font-family: Franklin Gothic, Medium; } .Medi_Head { color: #1a305f; text-align: left; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: auto; /* height: 36px; */ line-height: 36px; margin: 0px; } .Medi_par { color: #6c6d70; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77BD42; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77bd42; font-weight: 600; } .Medi_rt h6 { margin: 0px; font-size: 16px; line-height: 20px; color: #1a305f; font-family: Franklin Gothic, Medium; } .btn { display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .Regular_btn { background: #77bd42; color: #fff; width: 229.08px; text-align: center; height: 45px; padding: 15px 30px 15px 30px; font-size: 14px; min-width: 180px; font-family: Franklin Gothic Book, Regular; line-height: 14px; } .Medi_rt_row { margin: 22px 0px; } .Medi { background: #fff; height: auto; } .margin_0 { margin: 0px !important; } .padding_0{ padding: 0px !important; } } @media only screen and (min-width: 1692px) and (max-width: 1930px) { .Medi_cont { margin: auto; width: 896PX; text-align: center; } .Medi_cont_head { color: #1a305f; text-align: center; font-size: 40px; font-family: Franklin Gothic Book, Regular; width: 650px; /* height: 36px; */ line-height: 46px; margin: 0px auto; margin-top: 100px; } .Medi_blk { width: 813px; margin: 80px auto; } .Medi_lft { padding: 0px; width: 360px; margin: 11px auto 0px 0; } .Medi_rt { padding: 0px; width: 324px; height: 229px; float: right; background: #fff; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(16, 14, 23, .25); box-shadow: 0 0 20px rgba(16, 14, 23, .25); padding: 40px; } .Medi_rt h4 { margin: 0px; font-size: 18px; line-height: 20px; color: #6c6d70; font-family: Franklin Gothic, Medium; } .Medi_Head { color: #1a305f; text-align: left; font-size: 32px; font-family: Franklin Gothic Book, Regular; width: auto; /* height: 36px; */ line-height: 36px; margin: 0px; } .Medi_par { color: #6c6d70; text-align: center; font-size: 20px; line-height: 26px; width: 896PX; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 100PX; margin-top: 56px; } .Medi_par span { color: #77BD42; text-align: left; font-size: 16px; line-height: 20px; width: 100%; height: 68px; font-family: Franklin Gothic Book, Regular; margin-bottom: 67px; margin-top: 30px; } .Medi_par span { color: #77bd42; font-weight: 600; } .Medi_rt h6 { margin: 0px; font-size: 16px; line-height: 20px; color: #1a305f; font-family: Franklin Gothic, Medium; } .btn { display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .Regular_btn { background: #77bd42; color: #fff; width: 229.08px; text-align: center; height: 45px; padding: 15px 30px 15px 30px; font-size: 14px; min-width: 180px; font-family: Franklin Gothic Book, Regular; line-height: 14px; } .Medi_rt_row { margin: 22px 0px; } .Medi { background: #fff; height: auto; } .margin_0 { margin: 0px !important; } .padding_0{ padding: 0px !important; } }