.headerspart{float:left;width:70%;}
.datepicker_table{width:100% !important;}
.datepicker{width:64%;}
.popup-content.second .modal-content{border:medium none;box-shadow:none;}
.logopart{float:left;width:30%;}
.logopart img{width:6%;}
.modal-content{width:100%;}
.logopart p{font-size:25px;text-align:center;}
.second-section{float:left;padding-bottom:3%;padding-top:3%;width:100%;}
.second-section > p{color:#ed1c24;text-align:center;}
.second-section{float:left;width:100%;}
.top{width:100%;}
.second-section h3{color:#015b98;text-align:center;}
.first{float:left;text-align:center;width:25%;}
.thirdsection .second{float:left;text-align:center;width:25%;}
.thirdsection .third{float:left;text-align:center;width:25%;}
.thirdsection .four{float:left;text-align:center;padding-bottom:4%;width:25%;}
.thirdsection .first > select{background:transparent none repeat scroll 0 0;border:1px solid #005a94;border-radius:6px;color:#005a94;height:60px;margin:0 auto;padding:20px 12px;transition:all 0.3s ease-out 0s;width:90%;}
.thirdsection .second > select{background:transparent none repeat scroll 0 0;border:1px solid #005a94;border-radius:6px;color:#005a94;height:60px;margin:0 auto;padding:19px 12px;transition:all 0.3s ease-out 0s;width:90%;}
.thirdsection .third input{border:1px solid #005a94;border-radius:6px;height:60px;text-align:left;width:90%;padding-left:30px;}
.thirdsection .four > select{background:transparent none repeat scroll 0 0;border:1px solid #005a94;border-radius:6px;color:#005a94;height:60px;margin:0 auto;padding:20px 12px;transition:all 0.3s ease-out 0s;width:90%;}
.fourthsection{background:#f5f6f6 none repeat scroll 0 0;float:left;height:210px;padding-top:4%;width:100%;}
.fourthsection .one{float:left;text-align:center;width:33%;}
.fourthsection .two{float:left;text-align:center;width:33%;}
.fourthsection .three{float:left;text-align:center;width:33%;}
.fourthsection .title{color:#1ca9e9;font-weight:bold;}
.four > input{background:#cc2026 none repeat scroll 0 0;border:medium none;border-radius:6px;color:#fff;font-weight:bold;height:60px;width:90%;padding:0;}
.enq-four2{margin-top:1.5%;}
.enq-four2 .pmodel{background:#cc2026 none repeat scroll 0 0;border-radius:6px;font-weight:bold;height:60px;padding:23px 46px 23px 88px;}
.enq-four2 .pmodel:hover{background:#cc2026 none repeat scroll 0 0;border-radius:6px;font-weight:bold;height:60px;padding:23px 46px 23px 88px;}
#enquire .secondpopup form textarea{border:1px solid #ddd;border-radius:4px;height:100px;margin:1% auto 0;text-align:center;width:76%;}
.fourthsection p{font-size:13px;margin:0 auto;padding-top:2%;width:80%;color:#666666;}
.error{color:red;font-size:14px;}
.fourthsection img{height:54px;width:36px;}
.thirdsection option{cursor:pointer;height:30px;padding:5px;}
.popup-content.second{left:23%;padding-bottom:2%;top:15%;width:54%;}
#animatedModal{background:none !important;border:none;width:100% !important;left:0 !important;}
#secondpopup,#enquire{background:none !important;border:none;width:100% !important;left:0 !important;}
#bookpopup2{border:1px solid #ccc;border-radius:100%;color:#a4a4a4;float:right;font-size:15px;font-weight:normal;padding:0;position:relative;right:5px;text-decoration:none;top:5px;z-index:999;}
.secondpopup{text-align:center;width:100%;padding-top:0%;}
.secondpopup form > input{border:1px solid #ddd;border-radius:4px;height:50px;margin-top:1%;text-align:center;width:76%;}
#enquire .sweet-alert > h3{font-size:18px;line-height:1.5;margin:2% auto 0;text-align:center;width:80%;}
.secondpopup form textarea{height:100px;margin:0 auto;margin-top:1%;text-align:center;border-radius:4px;width:78%;border:1px solid #ddd;}
#submit{background:#ed1c24 none repeat scroll 0 0;text-align:center;color:#fff;font-weight:bold;border-radius:6px;width:35%;border:2px solid;float:left;margin-top:2%;margin-bottom:2%;margin-left:66px;padding:2%;}
.deal > a{background:#ed1c24 none repeat scroll 0 0;border:2px solid;border-radius:6px;color:#fff;float:left;font-weight:bold;margin-left:11%;margin-right:0;margin-top:2%;margin-bottom:2%;padding:2%;text-align:center;text-decoration:none;width:29%;}
<!-- Second popup Window ----Demo03 -->
#raido_button{float:left;background:#fff;}
#myform{text-align:center;padding:5px;border:1px dotted #ccc;margin:2%;}
.qty{width:40px;height:25px;text-align:center;}
input.qtyplus{width:25px;height:25px;}
input.qtyminus{width:25px;height:25px;}
.button-school.active{color:blue;}
#rodent.active{color:blue;}
.rodents:active{color:blue;}
button.close{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:medium none;font-family:"ralewaylight",Arial,Helvetica,sans-serif;font-size:36px;height:40px;line-height:36px;opacity:0.6;padding:0;text-align:center;width:40px;}
.popupoverlay{background:#000 none repeat scroll 0 0;height:2000px;opacity:0.7;position:absolute;width:100%;}
.popup-content{background:#fff none repeat scroll 0 0;left:10%;margin:0 auto;position:absolute;width:80%;z-index:999;}
.sweet-alert button{border:1px solid #ed1c24;border-radius:5px;display:inline-block;float:left;font-size:14px;font-weight:bold;margin:20px 10px 0;min-width:40%;padding:10px 0;width:43%;}
.sweet-alert button.cancel, .sweet-alert button.sweet-cancel{background-color:white;border:1px solid #ed1c24;color:#ed1c24;float:right;}
.secondbutton{margin:0 auto;width:76%;}
.modal-content{border:medium none;box-shadow:none;}
.body-content .sweet-alert button{float:right !important;min-width:20% !important;width:25%;}
.body-content{float:left;padding-bottom:5%;width:100%;}
.form-control.input-number{margin:0 auto;min-height:38px;text-align:center;width:30%;}
.btn.btn-danger.btn-number{border-radius:0;float:left !important;margin:0;min-width:5% !important;width:5% !important;}
.btn.btn-success.btn-number{border-radius:0;float:left !important;margin:0;min-width:5% !important;width:5% !important;}
.input-group{float:left;margin:0 auto;padding-bottom:27px;padding-left:10%;width:90%;}
.toppos{list-style:none;height:auto;width:100%;margin:0 0 15px;padding:0;background:#ccc none repeat scroll 0 0;float:left;}
.toppos li{color:#000;display:inline-block;position:relative;float:left;height:60px;text-align:left;width:100%;}
.toppos li input[type=radio]{position:absolute;visibility:hidden;}
.toppos li label{cursor:pointer;display:block;font-size:17px;font-weight:300;height:30px;margin:3px auto;padding:14px 25px 25px 48px;position:relative;transition:all 0.25s linear 0s;z-index:9;}
.toppos li .check{border:1px solid #aaaaaa;border-radius:100%;display:block;height:15px;left:20px;position:absolute;top:22px;transition:border 0.25s linear 0s;width:15px;z-index:5;}
.toppos li .check::before{border-radius:100%;content:"";display:block;height:15px;left:5px;margin:auto;position:absolute;top:1px;transition:background 0.25s linear 0s;width:15px;}
.toppos input[type=radio]:checked ~ .check{border:none;}
.toppos input[type=radio]:checked ~ .check::before{background:#8ec741;}
.toppos input[type=radio]:checked ~ .check.suc::before{background:url('icons.png') no-repeat scroll -3.5px -168px;}
.body-content h3{background:#fff none repeat scroll 0 0;border-top-left-radius:6px;border-top-right-radius:6px;color:#0d6394;font-size:24px;font-weight:400;padding-bottom:15px;}
#pop-2 .one, #pop-2 .two, #pop-2 .three, #pop-2 .four{float:left;padding-left:10%;text-align:left;width:100%;}
#pop-3 .one, #pop-3 .two, #pop-3 .three, #pop-3 .four{float:left;padding-left:10%;text-align:left;width:100%;}
#pop-4 .one, #pop-4 .two, #pop-4 .three, #pop-4 .four{float:left;padding-left:18%;text-align:left;width:100%;}
#pop-2 .secondpopup.sweet-alert > form div{min-height:80px;}
#pop-3 p{border-top:1px solid #ccc;padding:20px;width:90%;}
.datepicker td, .datepicker th{border:1px solid #ccc !important;border-collapse:collapse;border-radius:4px;height:60px;text-align:center;width:70px;}
#datepicker{float:left;}.datetime{border:1px solid #ccc;font-size:16px;height:45px;margin-bottom:4px;width:64%;}
.datepicker-inline{width:500px !important;}
#pop-2 p{border-top:1px solid #ccc;padding:10px;width:90%;}
.three .typess label{min-height:60px;}
#pop-2 .secondpopup form textarea{border:1px solid #ddd;border-radius:4px;height:100px;margin:0 auto;text-align:left;width:90%;}
.typess input{display:none;}
.typess{float:left;margin:-20px auto 0;position:relative;width:100%;}
.typess label{background-color:#fff;border:1px solid #ccc;box-shadow:none;color:#747474;cursor:pointer;display:block;float:left;margin:20px;padding:15px 40px;position:relative;transition:background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;white-space:nowrap;border-radius:5px;font-size:16px;}
.typess label::before{display:block;position:absolute;top:10px;bottom:10px;left:10px;width:32px;border:3px solid #fff;border-radius:0;transition:background-color .2s;}
.typess label:hover, input:focus + label{background-color:#fff;border:1px solid #05a9e3;box-shadow:none;color:#05a9e3;border-radius:5px;font-size:16px;}
.typess input:checked + label{background-color:#fff;border:1px solid #05a9e3;box-shadow:none;color:#05a9e3;border-radius:5px;font-size:16px;}
.typess input:checked + label::before{background-color:#fff;}
.fieldset1 input{border:1px solid #005a94;border-radius:6px;height:40px;text-align:left;float:left;width:80%;}
#contactform .three .typess label{min-height:60px;}
#contactform .typess label{width:40%;text-align:center;font-size:17px;}
#pop-4 h3{background:#fff none repeat scroll 0 0;border-bottom:1px solid #ccc;border-top-left-radius:6px;border-top-right-radius:6px;color:#0d6394;font-size:24px;font-weight:400;margin:0 auto;padding-bottom:15px;width:75%;}
.fieldset1 li{float:left;margin:1%;width:40%;}.fieldset1 label{text-align:left;width:100%;}
.fieldset1 li:last-child{text-align:left;width:95%;}
#pop-5{text-align:center;}
.thank > table{width:100%;}#pop-5 td, #pop-5 th{border:1px solid #ccc;padding:10px;}
.thank > p{text-align:left;}
.thank{margin:0 auto;width:60%;}
.thank a{color:#00a8e3 !important;float:right;margin-top:25px;font-size:18px;}
.total{margin-bottom:10px;margin-top:10px;text-align:right !important;font-size:20px;}
.rightside{float:left;padding-left:8%;width:33%;}
.datepicker{float:left;}
.rightside > ul{border:1px solid #ccc;padding:16px;}
.rightside li{list-style-type:initial;margin-left:25px;padding:6px;}
.rightside li:last-child{background:#0d6394 none repeat scroll 0 0;color:#ffff;font-size:20px;list-style-type:none;margin-left:-15px;margin-top:18px;position:absolute;width:22.5%;}
@media only screen and (max-width:768px){.logopart img{width:9% !important;}
.fourthsection{background:#f5f6f6 none repeat scroll 0 0;float:left;height:auto;padding-bottom:50px;padding-top:4%;width:100%;}
.one, .two, .three{width:100% !important;}
.first, .second, .third, .four{margin:3px;width:97% !important;}
.second-section > p{color:#ed1c24;font-size:15px;text-align:center;}
.second-section h3{color:#015b98;font-size:16px;text-align:center;}
#bookpopup2{margin:0 auto;position:absolute;right:10px;top:37px;z-index:999;}
.logopart{float:right;width:48%;}
.headerspart{float:left;width:48%;}
.top{width:100%;}
#animatedModal{background:#fff none repeat scroll 0 0;border:1px solid #ccc;left:0 !important;padding-bottom:20px;width:100% !important;}
.modal-content .logo > img{height:50px;}
.logopart p{font-size:15px;text-align:center;}
.sweet-alert.brand-alert button{border:1px solid #ed1c24;border-radius:5px;display:inline-block;float:left;font-size:16px;font-weight:bold;margin:20px 10px 0;min-width:40%;padding:10px 0;width:43%;}
.sweet-alert button.cancel, .sweet-alert button.sweet-cancel{background-color:white;border:1px solid #ed1c24;color:#ed1c24;float:right;}
}

@media screen and (max-width:425px){
.popupoverlay{
  height:0;
}
}
@media (max-width: 320px) {
#animatedModal{
  position: fixed; 
    top: 3%; 
    right: 3%; 
    left: 3%; 
    width: auto; 
    margin: 0; 
}
.popup-content { 
    height: 100%; 
}
.popup-content { 
    max-height: 850px; 
    padding: 15px; 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
 }
 .body-content h3{
 font-size:20px;
 }
    }