/*----------------responsive start-------------------------*/

/*media query start*/

/*Ipad Landscape*/
/*Ipad Landscape*/
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.has-datepicker {width: 43%;}
.start-date {width:40%;}
.total-days {width:45%; float:left;}
.total-days label {width:35%;}
.insertion-days {width:40%;}
.sel-scheme {width:32%;}
.insertion-days .insertion-text > input {width:20%;} 
.discount-type {margin:0;}
.textarea-text.wdfull {margin:0;}
.squaredOne .custom-checkbox {padding:0;}
.squaredOne .custom-checkbox .payment-radio {margin-right:5%;}
.total-detail {left: 49%;top: 100px;width: 35%;}
.insertion-sheme-no{ width: 41%;}
.insertion-days label{width:100%;}
.Name {height:100px;}
.remark-textarea .dicsount-text-detail ul li{width:32%;}
.footer-ul li { margin-right: 45px;}
}
/*responsive end*/

/*Ipad Portrait*/

@media only screen and (min-width: 768px) and (max-width: 959px) {



.advertise-label{width:100%;}
.w300{max-width:300px;}
.w100{width:100%;}
.w50{width:50%;}
.w45{width:46%;}
.wd311{width:96%;}
.w87{width:87%;}
.ress-padd{padding:0;}
.common-btn-css{margin:0 6% 0 0}

.customer-head .customer-left{clear:both;}

.customer-button {
    background-color: red;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    height: 30px;
    margin: 2% 0 0 35%;
    width: 25%;
}
.scheme-date{clear:both;}

.has-datepicker {
    background-color: #f7f7f7;
    color: #333333;
    float: right;
    font-family: "open_sansitalic";
    height: 30px;
    margin: 0 27px 0 0;
    padding: 0 0 0 20px;
    width: 44%;
}
.ui-datepicker {
    background-color: white;
    border: 1px solid #d4d4d4;
    display: none;
    padding: 0.2em 0.2em 0;
    width: 21em;
}

.payment-part .paymentoption .payment-second-part label {width:60%;}

.payment-part  .squaredOne .custom-checkbox{padding:0;}

.payment-part  .squaredOne .custom-checkbox .payment-radio{margin-right:5%;}

.paymentoption .payment-second-part label{width:25%;}

.discount-save-button .discount-button {margin: 0 0 0 34%; width: 20%;}
.start-date {float: left;width: 50%;}
.total-days {float: right;width: 50%;}
.scheme-date {
    clear: both;
}
.insertion-days {
    float: left;
    width: 50%;
}
.sel-scheme {
    float: right;
    width: 50%;
}

.discount-coupon-100 {
    width: 100%;
}
.discount-type {
    margin: 2% 0 0 15%;
    width: 100%;
}
.discount-type label {
    float: left;
    width: 22%;
}
.discount-type-100 {
    width: 25%;
}
.amount-discount {
    width: 100%;
}
.discount-type label {
    float: left;
    width: 22%;
}
.discount-list {
    width: 40%;
}
.advertise-main .advertise-left{float: left;width: 50%;}

.advertise-main .advertise-right{float: right;width: 50%;}

.scheme-date {clear:both;}

.ui-datepicker-trigger {right:27px;}

.schedule-label {width:85%;}

.discount-type {width:90%;}

.discount-part .padd-discount { width:65%;}

.squaredOne .custom-checkbox {padding:0;}

.order-head .primium-button {width:15%;}

.remark-textarea{width:100%;}

.remark-textarea .dicsount-text-detail ul li.sampel-ad{padding:0;}

.remark-textarea .dicsount-text-detail ul li{width:30%;}

.total-detail{left: 35%;top: 70px;width: 46%;}
.form-button .button-orders .leftbtn {
    background-color: red;
    border: medium none;
    color: #fff;
    margin: 0 8% 1% 2%;
    width: 22%;
}
.form-button .button-orders .right-btn {
    background-color: red;
    border: medium none;
    color: #fff;
    margin: -8px 0 0 2%;
    width: 22%;
}
.footer-ul li {
    font-size: 12px;
    margin-right: 15px;
}
}

/*Mobile Landscape*/
@media only screen and (min-width: 480px) and (max-width: 767px) {


.advertise-label{width:100%;}
.w300{max-width:300px;}
.w100{width:100%;}
.w50{width:50%;}
.w45{width:45%;}
.wd311{width:300px;}
.ress-padd{padding:0;}

.common-btn-css{margin:0 6% 0 0}

.customer-head .customer-left{clear:both;}

.customer-button {
    background-color: red;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    height: 30px;
    margin: 2% 0 0 35%;
    width: 25%;
}
.scheme-date{clear:both;}

.has-datepicker {
    margin: 0 36px 0 0;
    padding: 0 0 0 20px;
    width: 43%;
}
.total-days{float: right;width: 50%;}

.start-date{ float: left;width: 50%;}

.form-inline .form-control{width:43%;}

.ui-datepicker-trigger {
    right: 36px;
    top: 0;
	}

.discount-save-button .discount-button {
    float: none;
    margin: 0 0 0 32%;
    width: 20%;
}
.insertion-days{float: left;   width: 50%;}

.sel-scheme{float: right;    width: 50%;}

.scheme-selection-label {    width: 100%;}

.schedule-label{width:50%;}

.wdt100{width:100%;}

.payment-part .paymentoption .payment-second-part label {width:60%;}

.payment-part  .squaredOne .custom-checkbox{padding:0;}

.payment-part  .squaredOne .custom-checkbox .payment-radio{margin-right:5%;}

.paymentoption .payment-second-part label{width:26%;}

.discount-type {
    margin: 2% 0 0 15%;
    width: 83%;
}

.discount-type label {float: left;width: 22%;}

.discount-coupon-100{width:100%;}

.amount-discount{width: 100%;}

.amount-text{width:50%;}

.discount-type-100{width:25%;}

.discount-part .discount-list label{width: 100%;}

.discount-list{ width: 40%;}

.textarea-text.wdfull {margin: 0 0 0 40px;}

.remark-textarea .dicsount-text-detail{margin-top: 4px;}

.remark-textarea .dicsount-text-detail ul li.sampel-ad {
    padding: 0;
    text-align: left;
}

.remark-textarea .dicsount-text-detail ul li{width:32%;}

.total-detail {left: 37%;top: 75px; width: 46%;}
.form-button .button-orders .leftbtn {
    background-color: red;
    border: medium none;
    color: #fff;
    margin: 0 8% 1% 2%;
    width: 22%;
}
.form-button .button-orders .right-btn {
    background-color: red;
    border: medium none;
    color: #fff;
    margin: -8px 0 0 2%;
    width: 22%;
}
.footer-ul li {
    font-size: 12px;
    margin-right: 15px;
}

}

/*Mobile Portrait*/

@media only screen and (max-width: 479px) 
{

h3 {
    color: red;
    font-size: 18px;
}
input{max-width:260px;}

.w100{width:100%;}

.w50{width:50%;}

.scheme-date{clear:both;}

.advertise-label{width:100%;}

 .end-user-radio {padding:0;}
 
 .customer-head .customer-left{clear:both;}
 
 .customer-button {
    background-color: red;
    border: 0 none;
    color: #fff;
    height: 25px;
    margin: 13% 0 0 30%;
    width: 35%;
	border-radius: 4px;
}

.create-head .calendar-field .nowd{ float:left;width:42%;}

.scheme-date .calendar-field .nowd{ float:left;width:42%;}

.scheme-date .calendar-field .has-datepicker{width:50%;}

.create-head .calendar-field .has-datepicker {width:50%;}

.ui-datepicker{ width: 15em;}

 .main-logo img{max-width:100%;}
 
.main-logo {width: 100%;}

.schedule-part .schedule-label label {width: 100%;}

.total-days label{float: left;width: 45%;}

.total-days  .total-scheme-words{width:100%;}

.total-days .insertion-text{float: left;width: 35%;}

.total-days .insertion-text > input{width:100%;}

.insertion-sheme-no{width:45%;}

.insertion-days label{float: left;width: 100%;}

.insertion-days .insertion-text > input{width:35%;}



.form-inline .form-control, .has-datepicker{width:100%;margin:0;float:none;}

.ui-datepicker-trigger {
     cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
.custom-list{padding:0;}

.top-right-part{padding:0;}

.res-padd{padding:0;}

.ress-padd{padding:0;}

.wd311.select-style{width:100%;}

.wd55{width:100%;}

.schedule-part .sel-scheme .schedule-label{width:100%;}

.scheme-selection-label{width: 45%;}

.schedule-part .sel-scheme .schedule-label .drop-down{width:55%;}

.custom-checkbox .check-label{margin-right:25px;}

.primium-part .premium-rc-book .squaredOne .custom-checkbox{padding:0;}

.squaredOne .discount-checkbox{margin-top:20px;}

.common-btn-css{width:35%;}

.schedule-part .sel-scheme{clear:both;}

.schedule-part .clear-res{clear:both}

.discount-label{width:100%;}

.paymentoption{ margin-left: 5%;}

.paymentoption .payment-second-part label{width:50%;}

.paymentoption  .payment-second-part .drop-down > input{ width: 50%;}

.discount-save-button .discount-button {
    float: none;
    margin: 0 0 0 18%;
    width: 20%;
}
.discount-type{width:100%;}

.discount-type label {
    float: left;
    width: 35%;
}
.amount-text > input{width:40%;}

.amount-discount{width:100%;}

.discount-part .padd-discount{width:100%;}

.discount-list {
    width: 37%;
}
.remark-textarea{width:50%;}
.squaredOne .discount-checkbox  .payment-radio{margin-right: 21%;}

.paymentoption {margin-left: 7%;}

.payment-second-part {
    padding-left: 0;
    width: 75%;
}
.cheque-paart{width:100%;}
.chequeamt-paart{width:100%;}
.bank-paart{width:100%;}
.branch-paart{width:100%;}

.w40{width:40%;}

.squaredOne .custom-checkbox .payment-radio {
    float: left;
    margin-right: 40%;
}
.remark-textarea .dicsount-text-detail ul li{ text-align: left;width: 100%;}
.remark-textarea .dicsount-text-detail ul li.sampel-ad{padding:0;}
.remark-textarea .dicsount-text-detail ul{margin:0 0 0 10%;}
.order-head .primium-button {
    margin: 4% 1% 0 0;
    width: 30%;
}
.form-button .button-orders .leftbtn {
   background-color: red;
    border: medium none;
    color: #fff;
    font-size: 12px;
    height: 30px;
    margin: 0 3% 2% 2%;
    width: 44%;
}

.form-button .button-orders .right-btn {
    background-color: red;
    border: medium none;
    color: #fff;
    font-size: 12px;
    height: 30px;
    margin: 0 0 0 2%;
    width: 44%;
}
.total-detail { left: 23%;top: 145px;width: 75%;}
.footer-ul li {
    font-size: 9px;
    margin-right: 10px;
}
}