Author: Laurie Carlson

Oct 06, 2020

What is Responsive Web Design?

body{padding-right:0px !important;}div#popupModal{top:0%;position:fixed;left:0;z-index:9999;width:100%;height:100%;overflow:hidden;outline:0;padding-right:0px;background:rgba(0,0,0,60%);-webkit-animation:fadeOut 1s;animation:fadeOut 1s;display:none;}div#popupModal button#close{position:absolute;right:14px;top:11px;font-size:27px;color:#000;opacity:1;background-color:#e5e5e5;width:33px;height:33px;line-height:30px;border-radius:50px;text-align:center;padding:0;margin:auto;outline:none;cursor:pointer;z-index:2;border:none;display:flex;align-content:center;justify-content:center;}div#popupModal .modal-content{border-radius:27px;pointer-events:auto;background-color:#fff;background-clip:padding-box;position:relative;padding:35px;}div#popupModal .modal-content .modal-body{font-size:23px;text-align:center;padding-top:0px;font-family:"ProximaNova-bold","Arial";font-weight:700;clear:both;padding:14px 0 25px 0px;line-height:1.2;}div#popupModal .modal-content .modal-footer{justify-content:center;display:flex;flex-wrap:wrap;align-items:center;border-top:none;padding:0;}div#popupModal .modal-content .modal-footer button#removeBtn{background-color:#db7803;color:#fff;border:solid 2px #db7803;text-transform:uppercase;}div#popupModal .modal-content .modal-footer button#saveChangesBtn{border:solid 2px #dbdbdb;background-color:#fff;color:#000;}div#popupModal .modal-content .modal-footer button{border-radius:38px;font-size:17px;padding:10px 20px;line-height:normal;font-family:"ProximaNova-Regular","Arial";margin:0 8px 0px 8px;width:213px;cursor:pointer;font-weight:600;}div#popupModal .modal-dialog{width:100%;margin:0 auto;height:100%;display:flex;align-items:center;max-width:550px;}div#popupModal .modal-content .modal-footer button#removeBtn:hover{background-color:#fff;border:solid 2px #db7803;color:#db7803;}div#popupModal .modal-content .modal-footer button#saveChangesBtn:hover{background-color:#db7803;border:solid 2px #db7803;color:#fff;}div#popupModal .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;}div#popupModal .modal-backdrop.show{opacity:.5;}div#popupModal .fade{transition:opacity .15s linear;}div#popupModal.show{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;display:block;}@media (min-width: 100px) and (max-width:767px){div#popupModal .modal-dialog{max-width:100%;padding:0 20px;}div#popupModal .modal-content{padding:26px;}div#popupModal .modal-content .modal-footer button{margin:10px 8px 5px 8px;}div#popupModal .modal-content .modal-body{padding:25px 0 12px 0px;}}@-webkit-keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.custom-dropdown{border:1px solid #ccc;max-height:200px;overflow-y:auto;display:none;position:absolute;background-color:white;width:100%;z-index:1000;}.custom-dropdown div{padding:8px;cursor:pointer;}.custom-dropdown div:hover{background-color:#e0e0e0;}.custom-dropdown .show-more{font-weight:bold;text-align:center;padding:8px;cursor:pointer;}

+500%

+60%

+190%

Author: Laurie Carlson

What is Responsive Web Design?

Experience Real Results.

+500%

+60%

+190%

What is Responsive Web Design?

JOIN THOUSANDS

Experience Real Results.