.main.contact{ .section{ padding-bottom: 80px; .content{ position: relative; input { background-color: transparent; // border: none; // border-radius: 0px; // border-bottom: 1px #ccc solid; } textarea { background-color: transparent; border-radius: 5px; border-color: #ccc; color: map-get($cisColor, third); outline: none; } .clip { position: relative; } .col-form-label { width:180px; font-size: 18px; font-weight: bold; line-height: 20px; color: map-get($cisColor, master); padding-left: 10px; span { font-size: 14px; color: #999; } } .sendBtn{ width:140px; margin: 30px auto; text-align: center; border: 1px map-get($cisColor, third) solid; border-radius: 30px; padding: 5px 0; cursor: pointer; transition: all .3s; &:hover{ width:180px; color: #fff; background-color: map-get($cisColor, master); border: 1px map-get($cisColor, master) solid; } } .block{ padding-bottom: 25px; .title{ font-size: 20px; font-weight: bold; margin-bottom: 10px; } ul{ li{ font-size: 16px; padding: 2px 0; text-indent: -32px; i,svg{ margin-right: 10px; color: map-get($cisColor, master); } } } &+.block{ padding-top: 25px; border-top: 1px #ddd solid; } } } } } /* ============================================== media ============================================ */ @media (max-width: 992px) { } @media (max-width: 768px) { .main.contact{ .section{ .content{ .imgCnt{ float: initial; width:100%; height:400px; } .block{ ul{ margin-bottom: 20px; } } } } } } @media (max-width: 480px) { } .formSec { background-color: #343b4e; border-bottom: 1px #646c81 solid; padding-bottom: 100px; }