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

    .accordion-box-content-holder-organisations .accordion-box-content-holder:before{
        top:20%; 
        right:-12%;
    }

    .accordion-box-content-holder-drivers .accordion-box-content .accordion-box-content-holder:before{
        right:-9%
    }

    .transport-operators-item .accordion-box-content .accordion-box-content-holder:before{
        top:55%;
        right:-7%;
    }

    div#about-us:before{
        display:block;
    }

    div#partner-with-us:before{
        display: block;
        top:-8%;
    }

    .popup-left-content .popup-image:before{
        bottom:-35%;
    }

    /* captcha */
    .gfield--type-captcha iframe {
        transform: scale(0.65);
        margin-left: -52px;
        margin-top: 15px;
    }

    .gform_wrapper.gravity-theme .gfield.gfield--width-full.gfield--type-captcha {
        grid-column: span 6;
        margin-top: 0;
    }
    
    .popup-container .popup-inner-container{
        width: 90%;
        margin: 0 auto;
    }

    .gform_footer input {
        padding: 5px 10px !important;
        font-size: 14px;
    }

    .gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
        font-size: 12px !important;
    }

    @supports (-webkit-touch-callout: none) {
        /* CSS specific to iOS devices */ 
        .popup-container .popup-inner-container{
            width: 90%;
            margin: 0 auto;
        }
    }
}

@media screen and (min-width: 320px) and (max-width: 767px){

    .accordion-box-content-holder-organisations .accordion-box-content-holder:before{
        width:55%;
        height:65%;
        right:-20%;
        top:65%;
    }

    .accordion-box-content-holder-drivers .accordion-box-content .accordion-box-content-holder:before{
        width:55%;
        height:65%;
        top:65%;
        right:-12%;
    }

    .transport-operators-item .accordion-box-content .accordion-box-content-holder:before{
        width:55%;
        height:65%;
        top:81%;
        right:-15%;
    }

    .wpb-content-wrapper div#partner-with-us:before{
        display: block;
        width:30%;
        height:40%;
        top:-5%;
        left:1%;
    }

    .site-footer .footer-whole-wrapper:before {
        width:60%;
        height:60%;
        left:-40%;
        top:0;
    }

    .site-footer .footer-whole-wrapper:after {
        width:75%;
        height:30%;
        /* right:-15%;  */
        top:55%;
        left:65%;
        z-index:0;
    }

    .site-footer .footer-whole-wrapper .adeona-widthcontainer:before{
        width:55%;
        height:35%;
        top:25%;
        left:25%;
    }

    .popup-left-content .popup-image:before{
        width:100%;
        height:100%;
        left:-30%;
        bottom:-30%;
    }

    div#request-demo-form .popup-left-content .popup-image:before{
        width:100%;
        height:140%;
        left:-21%;
        bottom:-41%;
    }

    .who-its-for-row div#register-form .col-md-7 {
        border-radius: 0 0 14px 14px;
    }

    .who-its-for-row div#register-form .form-wrapper {
        border-radius: 0;
        margin: 30px;
    }

    .wpb-content-wrapper div#request-demo-form .col-md-7 {
        border-radius: 0 0 14px 14px;
    }

    .wpb-content-wrapper div#request-demo-form .form-wrapper {
        border-radius: 0;
        margin: 30px;
    }

}

@media screen and (min-width:1280px){
    .adeona-widthcontainer{
        max-width:80%;
    }
}