#pull {
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .webportal_left {
        background: #485b79;
    }
    #varforAndroid .webportal_left {
        background: #64b2d2;
    }
    .login-wrapper li,
    li.last-child a,
    .navbar-btn {
        display: inline-block;
    }
	.webportal_right{ padding:1.5em;}
	.webportal_left img {
    padding: 2em 2em;
}
.modal-wrapper .modal {
    width: 82%;
height: 500px !important;}
.modal-wrapper .modal iframe{ height:500px !important;}
/*========================================*/
#tabs2 ul{ width:100%; padding:0 0 11px;}
#tabs2 ul > li > a{ font-size:18px;padding: 0 25px 11px;}
#tabs2 ul>li {
margin: 0 15px -1px;}
.tab-content{ padding:20px 0;}
.tab-content p {
    font-size: 14px;
    margin: 10px 0 20px;
}
.package_outer {
    width: 49%;
    margin: 0 0.5% 3%;
    float: left;
}
.package_oter1 {
    margin-left: 0% !important;
}
.popup_note {
    top: 428px;
    left: 2px;
    width: 330px;
}
.popup_note:before{ right:255px;}
.popup_note1:before{ right:32px;}
.betal_more{ margin-bottom:8em;}
.betal_more1{ margin-bottom:0;}
.info_texts1 {
    width: 86%;
}
.support_text{ margin:2em 0;}
.footer_left {
    width: 33%;
    float: left;
}
.footer_middle {
    float: left;
}
#kassaprogramList tr td span {
font-size: 14px;}
#Kassal, #Kassal1{ height:auto !important;}
.table_new {margin-top:0 !important;}
.table_new1{ margin-top:2em !important;}
.flag-wrapper{ top:73px !important;}
.col-sm-8.col-sm-offset-2 {
    width: 100% !important;
    margin: 0 auto !important;
}
.file_upload .btn, .file_upload1 .btn{ padding:12px 10px !important; margin-left:0 !important;font-size: 11px !important;}
.file_upload input[type=file]{
height: 42px !important;
    left: 0px !important;
    top: 30px !important;
}
 .file_upload1 input[type=file] {
height: 42px !important;
    left: 29px !important;
    top: 30px !important;
}
.file_upload1 .btn {
    margin-left: 15px !important;
}

.file_upload input[type=file], .file_upload1 input[type=file] {
max-width: 140px !important;

}

}
@media only screen and (min-width: 959px) and (max-width: 1024px) {
    .webportal_right p {
        font-size: 15px;
        margin: 0 0 15px;
    }
    h3.title-alt {
        font-size: 36px;
        margin: 0 0 20px;
    }
    ul.zmdi-hc-ul li span {
        font-size: 15px;
        margin-bottom: 4px;
    }
    article.pricing-column {
        width: 25%;
    }
.package_outer {
    width: 32%;
    margin: 0 0.5% 3%;
    float: left;
}
.popup_note {
    top: 440px;
    left: 2px;
    width: 330px;
}
.packet1 ul li{ font-size:14px;}
a.packet_price2{font-size:24px;}
.betal_machine1{ width:35%;}
.machine_info {
    width: 58%;
}
.center_info strong{ margin:0 0 10px !important; font-size:30px;}
.center_info strong span{margin:0 0 0 !important;font-size:30px;}
.center_info p {
    margin: 10px 0 13px 0 !important;
}
.betal_more {
    margin-bottom: 0em;
}
.machine_ino_ques{ min-height:347px;}
.machine_ino_ques1{ min-height:auto;}
.footer_left {
    width: 100%;
    float: left;
}
.popup_note1{left: 54px;}





}
@media only screen and (min-width: 1025px) and (max-width: 1205px) {
.navbar-custom .navbar-nav li a {
    font-size: 10px;
    margin: 0 3px 0 3px;
    padding: 13px 3px;
}
.navbar-btn {
    padding: 7px 10px !important;
    font-size: 10px !important;
}	
.navbar-brand.logo.geniuspayLogo img {
    width: 115px;
}	
	
	
	
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .navbar-custom .navbar-nav li a {
    font-size: 12px;
    margin: 0 4px 0 4px;
        font-family: 'Montserrat', sans-serif;
        padding: 13px 2px;
    }
    .navbar-btn {
        margin-top: 4px !important;font-size: 12px !important;
    }
	.howItWorks .col-sm-2 {
    width: 33.3% !important;
}
.webportal_right p {
font-size: 17px;}
.popup_note {
    top: 560px;
left: -50px;}
.popup_note:before { right:300px;}
.popup_note1{ left:184px;}
.popup_note1:before { right:50px;}
	a.navbar-brand.logo.geniuspayLogo img {
    width: 163px;
}
.webportal_right {
    padding: 25px 30px;
}
.file_upload input[type=file]{ left:5px !important;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .navbar-toggle {
        margin-top: 22px;
    }
    .navbar-nav li {
        display: block;
        text-align: center;
    }
    .login-wrapper li a {
        margin-bottom: 5px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        background: #424b50;
    }
	
    .slider {
        height: 320px;
    }
    .slide {
        padding: 146px 0 0;
    }
    .slide-title {
        font-size: 24px;
        padding: 15px 40px;
        text-align: center;
    }
    .webportal_left {
        background: #506483;
        min-height: auto;
    }
    h3.title-alt {
        font-size: 24px;
        margin: 0 0 15px;
    }
    #varforAndroid .webportal_left {
        background: #64afd1;
        min-height: auto;
    }
    .howItWorks h3.title-alt {
        font-size: 24px !important;
        margin: 0 0 20px !important;
    }
    .tableScroll {
        overflow: auto;
    }
    h2.kassaprogram_table {
        font-size: 36px;
    }
	.webportal_right{ padding:1.5em;}
		.webportal_left img {
    padding: 2em 2em;
}
ul.zmdi-hc-ul li span {
background: transparent url(../images/li_circle.png) no-repeat left top 9px;}
.collapse.in {max-height: 260px;}
.modal-wrapper1 .modal {
    width: 82%;
    height: 290px;
}
.modal-wrapper .modal {
    width: 82%;
    height: 290px;
}

/*========================================*/
#tabs2 ul{ width:100%; padding:0 0 11px;}
#tabs2 ul > li > a{ font-size:14px;padding: 0 20px 11px;}
#tabs2 ul>li {
margin: 0 3px -1px;}
.tab-content{ padding:20px 0;}
.tab-content p {
    font-size: 14px;
    margin: 10px 0 20px;
}
.package_outer {
    width: 100%;
    margin: 0 0 3%;
    float: none;
}
.package_oter1 {
    margin-left: 0% !important;
}
a.packet_price2, a.packet_price1{ font-size:27px;}
.popup_note {
top: 450px;
    left: -1px;
    width: 100%;

}
.popup_note:before{ right:340px;}
.betal_machine1 {
    float: none;
    margin: 0 auto 1em;
    text-align: center;
}

.machine_info {
    float: none;
    width: 100%;
    text-align: right;
}
.popup_note1 {
    top: 335px;
    left: 0px;
    width: 100%;
    padding: 1.2em .5em;
}
.popup_note1:before{ right:25px;}
.icon_i {
    float: none;
    margin: 0 auto 10px;
    text-align: center;
}
.info_texts {
    float: none;
    width: 100%;
}
.info_texts h3{ text-align:center;font-size:27px;}
.support_text{ margin:2em 0;}
.var_vision_right {
    margin-bottom: 3em;
    margin-top: 2em;
}
#contactForm h3 {
    font-size: 25px;
margin: 0 0 30px 0px;}
.footer_left {
    margin-bottom: 2em;
}
.betal_more{ margin-bottom:2em;}
#Kassal, #Kassal1{ height:auto !important;}
.table_packet {
    overflow: hidden !important;
}
.table_new {overflow: auto !important; margin-top:0 !important;}
  section#Betalterminaler.section {
    padding: 60px 0 10px !important;
}
.section{ padding:60px 0 !important; }
.kassal_section {
    padding: 60px 0 !important;
}
#Kassal.section {
    padding: 0 !important;
}
.table_packet tr:last-child td.news {
    width: 100% !important;
    position: relative;
}
.table_new1{ margin-top:2em !important;}
ul.flag-wrapper{
    position: relative !important;
    top: 20px !important;
    right: 0 !important;
    left: 42%;
    margin-bottom: 6% !important;
}
.login_form {
    padding: 2em 1em !important;
}
.login_form .input-container {
    margin: 0 10px 30px !important;
}
.login_form .button-container {
    margin: 0 15px !important;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.modal_popups {
    width: 90% !important;
    margin: 30% auto !important;
}
.file_upload input[type=file], .file_upload1 input[type=file] {
height: 42px !important;
    left: 14px !important;
    top: 30px !important;
}
.file_upload1 .btn {
    margin-left: 0px !important;
}

.file_upload input[type=file], .file_upload1 input[type=file] {
max-width: 162px !important;

}
/*=============================new tab=================================*/
 img.img-hide {
    display: block !important; position:relative; top:10px; margin:0 auto; text-align:center;
}
 .nav-pills > li > a{ font-size:0px !important;}
 .wizard-card[data-color="red"] .moving-tab{ font-size:0px !important;}


 .icon_i {
    float: left !important;
    padding-right: 10px !important;
}
}


}

@media only screen and (min-width: 600px) and (max-width: 680px) {
.popup_note {
top: 430px;
    left: -1px;
    width: 100%;
}
.popup_note:before{ right:500px;}	
ul.flag-wrapper{
    position: relative !important;
    top: 20px !important;
    right: 0 !important;
    left: 43%;
    margin-bottom: 15% !important;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.modal_popups {
    width: 90% !important;
    margin: 30% auto !important;
}

	
}


@media only screen and (max-width: 479px) {
    .navbar-toggle {
        color: #fff;
    }
    .navbar-nav li {
        display: block;
        text-align: center;
    }
    .login-wrapper li a {
        margin-bottom: 5px;
    }
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        background: #424b50;
    }
    .slider {
        height: 320px;
    }
    .slide {
        padding: 146px 0 0;
    }
    .slide-title {
        font-size: 21px;
        padding: 15px 40px;
        text-align: center;
    }
    .webportal_left {
        background: #506483;
        min-height: auto;
    }
    h3.title-alt {
        font-size: 24px;
        margin: 0 0 15px;
    }
    #varforAndroid .webportal_left {
        background: #64afd1;
        min-height: auto;
    }
    .howItWorks h3.title-alt {
        font-size: 24px !important;
        margin: 0 0 20px !important;
    }
    .tableScroll {
        overflow: auto;
    }
    h2.kassaprogram_table {
        font-size: 36px;
    }
	.webportal_right{ padding:1.5em;}
		.webportal_left img {
    padding: 2em 2em;
}
ul.zmdi-hc-ul li span {
background: transparent url(../images/li_circle.png) no-repeat left top 9px;}
.btn-close {
    width: 35px;
    height: 36px;
    padding-top: 16px;
    padding-left: 7px;
}
.inner-box{ border:none !important;}
#Kassal, #Kassal1{ height:auto !important;}

/*========================================*/
#tabs2 ul{ width:100%; padding:0 0 11px;}
#tabs2 ul > li > a{ font-size:14px;padding: 0 15px 11px;}
#tabs2 ul>li {
margin: 0 3px -1px;}
.tab-content{ padding:20px 0;}
.tab-content p {
    font-size: 14px;
    margin: 10px 0 20px;
}
.package_outer {
    width: 100%;
    margin: 0 0 3%;
    float: none;
}
.package_oter1 {
    margin-left: 0% !important;
}
a.packet_price2, a.packet_price1{ font-size:27px;}
.popup_note {
top: 421px;
    left: -1px;
    width: 100%;

}
.popup_note:before{ right:240px;}
.betal_machine1 {
    float: none;
    margin: 0 auto 1em;
    text-align: center;
}

.machine_info {
    float: none;
    width: 100%;
    text-align: right;
}
.popup_note1 {
    top: 275px;
    left: 0px;
    width: 100%;
    padding: 1.2em .5em;
}
.popup_note1:before{ right:30px;}
.icon_i {
    float: none;
    margin: 0 auto 10px;
    text-align: center;
}
.info_texts {
    float: none;
    width: 100%;
}
.info_texts h3{ text-align:center;font-size:27px;}
.support_text{ margin:2em 0;}
.var_vision_right {
    margin-bottom: 3em;
    margin-top: 2em;
}
#contactForm h3 {
    font-size: 25px;
margin: 0 0 30px 0px;}
.footer_left {
    margin-bottom: 2em;
}
.betal_more{ margin-bottom:2em;}
a.steps_button{ font-size:20px;}
.steps_info {
    padding-top: 40px;
}
.form_container textarea, .form_container input, .form_container label{ font-size:18px;}
#Kassal, #Kassal1{ height:auto !important;}
.table_packet {
    overflow: hidden !important;
}
.table_new {overflow: auto !important; margin-top:0 !important;}
  section#Betalterminaler.section {
    padding: 60px 0 10px !important;
}
.section{ padding:75px 0 !important; }
.kassal_section {
    padding: 60px 0 !important;
}
#Kassal.section {
    padding: 0 !important;
}
.table_packet tr:last-child td.news {
    width: 100% !important;
    position: relative;
}
.table_new1{ margin-top:2em !important;}
ul.flag-wrapper{
    position: relative !important;
    top: 20px !important;
    right: 0 !important;
    left: 39%;
    margin-bottom: 9% !important;
}
.login_form {
    padding: 2em 1em !important;
}
.login_form .input-container {
    margin: 0 10px 30px !important;
}
.login_form .button-container {
    margin: 0 15px !important;
}
#myModal2 .modal-dialog {
    width: 96% !important;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.file_upload .btn, .file_upload1 .btn{ padding:12px 10px !important; margin-left:0 !important;font-size: 10px !important;}
.file_upload input[type=file], .file_upload1 input[type=file] {
height: 39px !important;
    left: 0px !important;
    top: 31px !important;
}


.file_upload input[type=file], .file_upload1 input[type=file] {
max-width: 114px !important;

}
.file_upload img, .file_upload1 img {
    max-width: 100px !important;
    margin-left: 0px !important; min-width:100px !important; height:100px !important;
}
.wizard-card .wizard-header {
    padding: 25px 15px 15px !important;
}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{ height:175px;}
.slide-text {
    top: 37%;
    text-align: center !important;
    padding: 10px 30px;
}
.slide-text h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0px;
}
#webportalSection {
padding: 60px 0 0 !important;}
.modal_popups {
    width: 90% !important;
    margin: 30% auto !important;
}
/*=============================new tab=================================*/
 img.img-hide {
    display: block !important; position:relative; top:10px; margin:0 auto; text-align:center;
}
 .nav-pills > li > a{ font-size:0px !important;}
 .wizard-card[data-color="red"] .moving-tab{ font-size:0px !important;}
  .icon_i {
    float: left !important;
    padding-right: 10px !important;
}
}


}

@media only screen and (max-width: 320px) {
#tabs2 ul > li > a {
    padding: 0 9px 11px;
}
a.google_play{ width:100%;}
h1.first_heading, #Kassal h1.first_heading, section#Betalterminaler h1{ font-size:27px;}
.packet1 span.package_text {
    font-size: 17px;
margin-bottom: 40px;}	
.machine_info h3, .center_info strong span, .center_info strong {
font-size: 27px;}
.info_texts h3 {
    font-size: 25px;
}
.steps_info ul li:first-child span{
    width: 3.5em;
}
.steps_info ul li:last-child span {
    width: 6.5em;
}	
.support_text h3 {
font-size: 21px;}
a.packet_price2, a.packet_price1 {
    font-size: 20px;
}
.popup_note {
top: 441px;
    left: 0px;
    width: 100%;

}
.popup_note:before{ right:200px;}
.popup_note1 {
    top: 200px;
    left: 0px;
    width: 100%;
    padding: 1.2em .5em;
}
#Kassal, #Kassal1{ height:auto !important;}
.table_packet {
    overflow: hidden !important;
}
.table_new {overflow: auto !important; margin-top:0 !important;}
  section#Betalterminaler.section {
    padding: 60px 0 10px !important;
}
.section{ padding:60px 0 !important; }
.kassal_section {
    padding: 60px 0 !important;
}
#Kassal.section {
    padding: 0 !important;
}
.wizard-card .tab-content{ padding:20px 5px !important;}
.file_upload .btn, .file_upload1 .btn{ padding:10px 10px !important;}
.file_upload img {
    max-width: 84px !important;
    margin-left: 0px !important;
}
.file_upload input[type=file]{
    height: 54px !important;
    left: 4px !important;
    top: 26px !important;
}
 .file_upload1 input[type=file] {
    height: 54px !important;
    left: 4px !important;
    top: 0px !important;
}

	
}
@media only screen and (max-width: 1024px) {
#Kassaprogram h1.first_heading { font-size:30px;}
#basicKassaprogram h3.title-alt, #kassaLicenser h1.first_heading, h1.first_heading{ font-size:30px;}
	a.navbar-brand.logo.geniuspayLogo img {
    width: 165px;
}
    .navbar-custom {
        padding: 5px 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        flex-wrap: wrap;
        justify-content: flex-end;
        display: flex !important;
    }
    .navbar-toggle {
        color: #fff;
        display: block;
        margin-top: 0; margin-bottom:0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in {
        display: block !important; overflow-y:auto;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px 0 !important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-header {
        float: none;
    }
    #myModal .modal-dialog,
    #myModal1 .modal-dialog {
        width: 100%;
        margin: 20px auto;
    }
    #myModal .modal-dialog iframe,
    #myModal1 .modal-dialog iframe {
        width: 100%;
        height: auto;
    }
    .modal-open .modal {
        padding: 0 !important;
    }
    .basic_kassaprogram_right {
        padding: 1em 2em;
    }
	.section {
    padding: 40px 0 0;
}
    .btn { padding:12px 25px !important;
    }
.modal-wrapper .modal {
    width: 76%; top: 18%;
height: auto;}
.modal-wrapper1 .modal {
    width: 76%;top: 18%;
    height: auto;
}
.btn-close {
    width: 40px;
    height: 40px;
    padding-top: 18px;
padding-left: 11px;}

.head {
    padding: 1em 2% 1.3em;
    margin: -13px -48px 0 0;
}
.btn-close::before, .btn-close::after {
    width: 21px;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.modal-wrapper .modal{ top:10%;}
video {
    height: auto;
}



}