/* ---------- Extra small devices (phones, 600px and down) ---------- */
@media only screen and (max-width: 600px) {
/* ---------- Common CSS ---------- */
.widget-body{display: block!important;clear: both!important;}
.form-horizontal .control-label.text-left-mobile{text-align: left!important;}
.no-height-mobile{height: inherit!important;}
.no-margin-mobile{margin: 0px!important;} 
.no-margin-top-mobile{margin-top: 0px!important;} 
.no-padding-mobile{padding: 0px!important;}
.marginTop-mobile-10{margin-top: 10px!important;}
.marginBottom-mobile-10{margin-bottom: 10px!important;}
.marginRight-mobile-10{margin-right: 10px!important;}
.marginTop-mobile-20{margin-top: 20px!important;}
.marginBottom-mobile-20{margin-bottom: 20px!important;}
.marginRight-mobile-20{margin-right: 20px!important;}
.mobile-full-width{width: 100%!important;}
.mobile-half-width{width: 50%!important;}
.mobile-pull-left{float: left!important !important;}
.mobile-pull-right{float: right!important !important;}
.modal-dialog{width: auto!important}
.modal-content{width: 100%!important;}
.modal-body .table-responsive{padding: 5px!important;} 
.modal-body .table-responsive table tr th{white-space: nowrap; padding-right: 10px!important; padding-left: 10px!important;}
.modal-body .table-responsive table tr td{white-space: nowrap; padding-right: 10px!important; padding-left: 10px!important;} 
.round_btn{float: inherit!important;} 
.round_exclamation_btn{float: inherit!important;} 
form.ng-pristine .form-control{margin-bottom: 10px!important;}
.form-horizontal-mob .form-control{margin-bottom: 10px!important;}
.form-horizontal-mob .btn-group .multiselect.dropdown-toggle{margin-bottom: 10px!important;}
form.ng-pristine .multiselect{margin-bottom: 10px!important;}
.listing-filter-section .form-control{margin-bottom: 10px!important;}
.listing-filter-section .multiselect{margin-bottom: 10px!important;}
/*form.form-horizontal.ng-pristine .select2-results__options{margin: 10px 0px;}*/
.demo i {bottom: 20px!important;}
.widget .widget-header.no-height-mobile{float: left; padding: 5px 0px!important; margin-bottom: 10px!important;}
.widget .widget-header.no-height-mobile .pull-right .btn{margin-top: 5px!important;}
.pagination{padding: 10px!important; display: inherit!important;}
.pagination>li{display: inline-block!important;}
.pagination_text{padding:0px 10px!important;}
.select2-container{width: 100%!important;}
.widget-body.no-margin-mobile{margin: 0px!important;} 
.widget-body.no-padding-mobile{padding: 0px!important;}
.widget-body table.table{margin: 20px 0 0 0!important;} 
.widget-body table.table tr th{white-space: nowrap;} 
.widget-body table.table tr td{white-space: nowrap;} 
.form-section .noLeft-padding{padding-left: 15px!important;}
.form-section .noAll-padding{padding-left: 15px!important; padding-right: 15px!important;}
.form-section .no-padding{padding-left: 15px!important; padding-right: 15px!important;}
.form-horizontal .control-label{text-align: left!important;}
.blankTitleHelp img{width: 100%!important;}
.ui-datepicker{width:85%!important;}
.owl-nav{width: 95%!important;}
.modal-header{flex-wrap: wrap!important;}
.widget .widget-header{float: left; width: 100%!important; margin: 0px; padding-bottom:10px!important; height: auto!important;}
/*.widget .widget-header .title{float: left; width: 100%!important; margin: 0 0 10px 0!important; padding: 0px;}*/
.widget .widget-header .pull-right .btn.btn-primary{float: left!important; margin-top: 5px!important;}
.bankConfig .widget{padding:10px 5px!important;}
/* ---------- Login CSS ---------- */
.sign-in-container { margin: 50% auto!important;}
.LoginLogo{width: 200px!important;}
.loginBG{background-repeat: no-repeat!important; height: 850px;}
.btn-language{width: 100%!important;}
.logoColumn img{padding: 10px 15px!important;}
.pull-right ul#mini-nav{margin-right: 35px!important;} 
footer p.pull-left{float: inherit!important; width: 100%; padding: 0px!important; text-align: center!important;}
footer p.pull-right{float: inherit!important; width: 100%; padding: 0px!important; text-align: center!important;}
footer img{float: inherit!important; text-align: center!important; margin-bottom: 10px!important;}
.owl-nav{top: 40px!important;}
.specific_configuration_toggle .cd-pricing-switcher label{ width: 140px!important;}
.specific_configuration_toggle .cd-pricing-switcher .cd-switch{ width: 140px!important;}
.specific_configuration_toggle .cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch, .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch{-webkit-transform: translateX(140px)!important;-moz-transform: translateX(140px)!important;-ms-transform: translateX(140px)!important;-o-transform: translateX(140px)!important;transform: translateX(140px)!important;}
.basic_configurations .cd-pricing-switcher label{ width: 140px!important;}
.cd-pricing-switcher label{ width: 140px!important;}
.cd-pricing-switcher .cd-switch{ width: 140px!important;}
.currencyTable .cd-pricing-switcher{width: 400px!important;}
.platform-configurations .jumbotron{ padding: 0px!important;}
.manage-profile-page .form-group{margin-bottom: 15px!important;}
.checkbox.checkbox-inline{width: 100%!important;}
/* ---------- Buyer Login CSS ---------- */
header .logoColumn img.comp_logo{padding: 0px!important; float: right!important;}
.show_hide_btn{width: 100%!important;}


/* ---------- Seller Login CSS ---------- */
.step-indicator{display:inherit!important;}
.step-indicator li{display:inherit!important; width: 100%!important;}
.welcomeText p{font-size: 14px!important;}
.step-indicator li:after{position: relative!important; margin-bottom: 60px!important; left: 0px!important;}
.seller-config-form .cd-pricing-switcher{float: left;}
}

/* ---------- Small devices (portrait tablets and large phones, 600px and up) ---------- */
@media screen and (max-width: 1024px) and (min-width: 600px){
/* ---------- Common CSS ---------- */
.table-responsive{overflow-x: auto!important;}
.widget-body{display: block!important;clear: both!important;}
.form-horizontal .control-label.text-right-tab{text-align: right!important;}
.text-right-tab{text-align: right!important;}
.no-height-tab{height: inherit!important;}
.no-margin-tab{margin: 0px!important;} 
.no-padding-tab{padding: 0px!important;}
.no-padding-top-tab{padding-top: 0px!important;}
.marginTop-tab-10{margin-top: 10px!important;}
.marginBottom-tab-10{margin-bottom: 10px!important;}
.marginBottom-tab-30{margin-bottom: 30px!important;}
.tab-full-width{width: 100%!important;}
.tab-pull-left{float: left!important;}
.tab-pull-right{float: right!important;}
.modal-dialog{width: auto!important}
.modal-dialog{max-width: 95%!important}
.modal-content{width: 95%!important; margin: 0 auto!important;}
.modal-body .table-responsive{padding: 5px!important;} 
.modal-body .table-responsive table tr th{white-space: nowrap; padding-right: 10px!important; padding-left: 10px!important;}
.modal-body .table-responsive table tr td{white-space: nowrap; padding-right: 10px!important; padding-left: 10px!important;} 
.round_btn{float: inherit!important;} 
.round_exclamation_btn{float: inherit!important;} 
form.ng-pristine .form-control{margin-bottom: 10px!important;}
.form-horizontal-tab .form-control{margin-bottom: 10px!important;}
form.ng-pristine .multiselect{margin-bottom: 10px!important;}
form.ng-pristine .select2-container{margin-bottom: 10px!important;}
.listing-filter-section .form-control{margin-bottom: 10px!important;}
.listing-filter-section .multiselect{margin-bottom: 10px!important;}
/*form.ng-pristine .select2-results__options{padding-right: 15px!important; padding-left: 15px!important;}*/
.demo i {bottom: 20px!important;}
/*.widget .widget-header.no-height-mobile{float: left; padding: 5px 0px!important; margin-bottom: 10px!important;}
.widget .widget-header.no-height-mobile .pull-right .btn{margin-top: 5px!important;}*/
.pagination{padding: 10px!important;}
.pagination>li{display: inline-block!important;}
.pagination_text{padding:0px 10px!important;}
.select2-container{width: 100%!important;}
.widget-body.no-margin-mobile{margin: 0px!important;} 
.widget-body.no-padding-mobile{padding: 0px!important;}

.form-section .noLeft-padding{padding-left: 15px!important;}
.form-section .noAll-padding{padding-left: 15px!important; padding-right: 15px!important;}
.form-section .no-padding{padding-left: 15px!important; padding-right: 15px!important;}

.blankTitleHelp img{width: 100%!important;}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {white-space: nowrap;}

.ui-datepicker{width: 100%!important;}
.owl-nav{width: 97%!important;}
.widget .widget-header{float: left; width: 100%!important; margin: 0px; padding: 0px; height: auto!important;}
.widget .widget-header .title{margin: 0 0 10px 0!important; padding: 0px;}
.widget .widget-header .pull-right .btn.btn-primary{float: left!important; margin-top: 5px!important;}

.bankConfig .form-group label.col-lg-6{ width: 100%!important;}
/* ---------- Login CSS ---------- */	
.sign-in-container { margin: 80% auto!important;} 
.pull-right ul#mini-nav{margin-right: 35px!important;} 

.owl-nav {top: 20px!important;}
.specific_configuration_toggle .cd-pricing-switcher label{ width: 135px!important;}
.specific_configuration_toggle .cd-pricing-switcher .cd-switch{ width: 135px!important;}
.specific_configuration_toggle .cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch, .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch{-webkit-transform: translateX(135px)!important;-moz-transform: translateX(135px)!important;-ms-transform: translateX(135px)!important;-o-transform: translateX(135px)!important;transform: translateX(135px)!important;}
.basic_configurations .cd-pricing-switcher label{ width: 135px!important;}
.cd-pricing-switcher label{ width: 135px!important;}
.cd-pricing-switcher .cd-switch{ width: 135px!important;}
.currencyTable .cd-pricing-switcher{width: 500px!important;}
.platform-configurations .jumbotron{ padding: 0px!important;}
.manage-profile-page .form-group{margin-bottom: 15px!important;}
.productConfigurationAll-logo{width: 100%!important;}
.show_hide_btn{width: 40%!important;}
}
 

/* ---------- Large devices (laptops/desktops, 992px and up) ---------- */
@media only screen and (min-width: 992px) {
.sign-in-container { margin: 40% auto;}
/*.table-responsive{ overflow-x: visible; -ms-overflow-style: -ms-autohiding-scrollbar; }*/
} 

/* ---------- Extra large devices (large laptops and desktops, 1200px and up) ---------- */
@media only screen and (min-width: 1200px) {  
.sign-in-container { margin: 40% auto;}
/*.table-responsive{ overflow-x: visible; -ms-overflow-style: -ms-autohiding-scrollbar; }*/
}