#ouibounce-modal{font-family:'Open Sans',sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;}
#ouibounce-modal .underlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.8);cursor:pointer;-webkit-animation:fadein .5s;animation:fadein .5s}
#ouibounce-modal .modal{ display: inline;width:40%;height:45%;background:#e46131;color:#fff; z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-animation:popin .3s;animation:popin .3s; padding:50px 60px;} 
div.inner-main .title{font-size:23px; font-weight:700; line-height:30px;}
div.inner-main input[type=text]{width:100%; background:#fff;border:solid 1px #fff;padding:5px;margin:20px 0;}
div.inner-main button{background:#F0A94E;color:#333;padding:5px 35px; border:solid 1px #F0A94E;font-size:16px;font-weight:700;}
.tophead{position:absolute;top:10px; right:20px; font-size:20px;cursor:pointer;}
.input-block {margin:0 auto;}
#ouibounce-modal .modal-title{font-size:18px;background-color:#252525;color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}
/*#ouibounce-modal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}*/
/*#ouibounce-modal .modal-body{padding:20px 35px;font-size:.9em}*/
#ouibounce-modal p{color:#344a5f}
#ouibounce-modal form{text-align:center;margin-top:15px}
#ouibounce-modal form input[type=text]{width:200px; /*padding:12px;font-size:1.2em;width:300px;border-radius:4px;border:1px solid #ccc;-webkit-font-smoothing:antialiased*/}
#ouibounce-modal form input[type=submit]{text-transform:uppercase;font-weight:700;padding:12px;font-size:1.1em;border-radius:4px;color:#fff;background-color:#4ab471;border:none;cursor:pointer;-webkit-font-smoothing:antialiased}
#ouibounce-modal form p{text-align:left;margin-left:35px;opacity:.8;margin-top:1px;padding-top:1px;font-size:.9em}
#ouibounce-modal .modal-footer{position:absolute;bottom:20px;text-align:center;width:100%}
#ouibounce-modal .modal-footer p{text-transform:capitalize;cursor:pointer;display:inline;border-bottom:1px solid #344a5f}
@-webkit-keyframes fadein{0%{opacity:0}
100%{opacity:1}
}
@-ms-keyframes fadein{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadein{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}
85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}
100%{-ms-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
}

@media only screen and (min-width : 1px) and (max-width : 767px) {
div.inner-main .title{font-size:16px; line-height:22px;} 
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
#ouibounce-modal .modal{width:40%;height:20%;padding:20px;}
}

@media only screen and (min-width : 1px) and (max-width : 1023px) {
div.inner-main .title{font-size:16px; line-height:22px;} 
}

@media only screen and (min-width : 650px) and (max-width : 767px) {
#ouibounce-modal .modal{width:80%;min-height:60%;padding:20px;}
div.inner-main .title{font-size:16px; line-height:22px;} 
}

@media only screen and (min-width : 1px) and (max-width : 630px) {
#ouibounce-modal .modal{width:80%;min-height:40%;padding:20px;} 
}