@media (min-width: 320px) and (max-width: 991px) {
    .navbar {
        /*background-color: #f3fdff;*/
    }

    .my_navbar_outer {
        /*background: rgba(70,117,53,0.05) !important;*/
    }

    /*toggle button*/
    .navbar-dark .navbar-toggler-icon {
        background: transparent;
    }

    .navbar-dark .navbar-toggler-icon i{
        font-size: 21px;
        padding: 10px;
        border: 1px solid #000;
        margin: 0 0 0 -30px;
        color: #000;
        border-radius: 5px;
    }

    .navbar-collapse{
        margin: 15px 0 0 0;
    }




    .my_navbar_outer{
        margin: 0px 0 0 0;
        padding: 10px 0 15px;
    }

    .my_navbar_outer .navbar-toggler:focus {
        box-shadow: none;
    } 

    .my_navbar_outer .navbar_buttons{
        margin: 30px 0 15px 0;
    }

    .my_navbar_outer button{
        
    }

    .navbar-brand img {
        width: 120px;
    }
}
/*=========================================*/
@media (min-width: 320px) and (max-width: 480px) {
    /*Navbar close*/
    .wrapper_outer{
        padding-bottom: 50px;
        
    }
    /*Banner start*/
    .banner_content_outer {
        padding: 0px 0 0;
    }

    .wrapper_outer {
        /*background: url('../images/banner-bg-m.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        border-bottom-left-radius:50%;
        border-bottom-right-radius:50%;*/
        background-image: radial-gradient(150% 140% at 50% -30px, #e9f5f9  75%, transparent 75%);
    }

    /*================================*/


    .banner_content_outer .banner_col1 h2 {
        font-size: 21px;
        margin-top: 50px;
    }

    /*==================================*/
    .after_banner_section .after_banner_col {
        min-height: auto;
    }

    .after_banner_section {
    margin: 30px 0;
    }
    .after_banner_section h4 {
    font-size: 18px;
    margin: 0 0 35px 0;    
    }
    .after_banner_section .after_banner_col h3 {
 
    font-size: 18px;
    }
    /*===================================*/
    .about_section {
    margin: 30px 0;
    padding: 30px 0px;    
    }
    .about_section .about_col1 h3{
     line-height: 28px;
     font-size: 14px;    
    }
    .about_section .about_col1 h3 span {
    font-size: 18px;
        
    }
    /*=============================================*/


    .jackbot_work_section {
        margin: 30px 0;
        padding: 30px 0px;    
    }

    .jackbotwork_col_outer .left_icon {
        margin: 75px 15px 0 8px;
    }
    .jackbotwork_col_outer .left_icon i {
        padding: 20px;
        font-size: 20px;
    }

    .jackbot_work_section h3{
        line-height: 28px;
        font-size: 14px;    
    }

    .jackbot_work_section h3 span {
        font-size: 18px; 
    }
    
    .jackbot_work_section .jackbotwork_col_outer .right_text h4 {
        font-size: 17px;
    }

    
    /*=============================================*/

     .testimonials_outer {
    margin: 30px 0;
    padding: 30px 0px;    
    }
    .testimonials_cols img {
        margin-top: 20px;
    }
     .testimonials_outer h3{
     line-height: 28px;
     font-size: 14px; 
     margin: 0px;     
    }
    .testimonials_outer h3 span {
    font-size: 18px;
        
    }
    .testimonials_outer .testimonials_cols h4 {
    font-size: 17px;
    }
    .testimonials_outer .testimonials_cols h4 span {
    font-size: 14px;
    }
    .testimonials_outer .testimonials_cols p {
     margin: 0px 15px;   
    }
    .testimonials_cols {
    margin: 0 0 0 0px;
     }
    .testimonials_outer .testimonials_cols p {
        padding: 0px;
    }
    /*=============================================*/
    .subscriber_inner2 {
    padding: 40px 20px;
    }
    .subscriber_inner2 h3 {
    font-size: 20px;
    margin: 0 0 30px;    
    }
    .searchbox-users2 input {
        width: 100%;
    }

    .searchbox-users2 button {
        background-color: #36e0a0;
        width: 100%;
        padding: 11px 0;
    }
    /*=============================================*/
    .testimonials-lastpra {
    margin: 30px 0;
    padding: 30px 0;
}
    .testimonials-lastpra p {
    margin: 25px 25px;
    }
    .testimonials-lastpra h3 {
    font-size: 18px;
    margin: 0px 0px 30px;    
    }
    /*==============================================*/
    /*=============================================*/
    .back-img {
        padding: 25px;
    }
    .testi-images img {
        margin-top: 50px;
    }
    .circle_img{
        display: none;
    }
 /*======================================*/
    .footer-top {
       background-position:left;
    }
    /*========================inner====================*/
    .banner_title h2 {
    font-size: 28px;
    }
    .content_outer h3 {
    font-size: 20px;
    }
    /*=================contact=================*/
    .contact_outer {
    margin: 30px 20px 30px 20px;
}
    .contact_outer p {
        font-size: 14px;
    }
    .contact_outer h3 {
        font-size: 20px;
    }
    .contact-btn-outer button a {
    font-size: 17px;
    }
    .contact-box-outer {
        padding:40px;
    }
    .contact-box-outer h3 {
    font-size: 20px;
    }
    .icons_outer p {
        font-size: 15px;
    }
    .contact-box-outer p {
        font-size: 15px;
    }
    /*==============kennisbank==================*/
    .kennisbank_title {
    margin: 20px 0px;
}
    .kennisbank_title h3 {
    font-size: 22px;
    }
    .zoeken-outer input {
        width: 60%;
        font-size: 12px;
    }
    .zoeken-outer button a {
    font-size: 12px;
    }
    .artikelen-text {
    margin: 0px 0px 0px 0px;
}
    .andere_beleggers_bekeken_outer h3{
    font-size: 26px;
    margin: 0 0 25px;
    }
    .artikelen-text p {
        font-size: 16px;
    }
    .space {
    padding: 0px 0px;
}
    .card-header-outer {
        padding: 10px;
    }
    .card-header a {
    font-size: 14px;
    }
    .world_content_text p {
    margin: 30px;
    font-size: 16px;    
    }

    /*Footer bg*/
    .footer-top {
        background-image: url('../images/footer-bg-m.jpg');
        padding: 75px 0 30px 0;
        margin: 30px 0 0 0; 
    }
    /*========================*/
    /*Waroom page start*/
    .banner_title {
        margin: 30px 0px;
    }

    .banner_img_outer img {
        display: none;
    }
    /*Waroom page close*/

    /*contact page start*/
    .contact-btn-outer {
        margin: 50px 0px 30px;
    





}
/*========================================*/
@media (min-width: 481px) and (max-width: 767px) {
    .wrapper_outer{
        padding-bottom: 50px;
    }
    .banner_content_outer {
    padding: 30px 0 0;
}
    /*================================*/
    .banner_content_outer .banner_col1 h2 {
        font-size: 28px;
    }

    /*==================================*/ 
    .after_banner_section h4 {
    font-size: 28px;
    }
    /*====================================*/
    .about_section .about_col1 h3 span {
       font-size: 28px; 
    }
    /*==========================================*/
    .jackbot_work_section h3 span {
         font-size: 28px;
    }
    /*===========================================*/
    .testimonials_outer h3 span {
        font-size: 28px;
         
    }
    .testimonials_outer h3 {
        margin: 0px 0px 0px 0px;
    }
     .testimonials_cols {
    margin: 0 0 0 0px;
     }
    .testimonials_outer .testimonials_cols p {
        padding: 0px;
        margin: 0px;
    }
    /*==============================*/
    .testi-images img {
        margin-top: 10px;
    }
    .side_imgages_bottom_right img {
        left: 340px;
    }
    .side_imgages_top_right img {
    left: 340px;
    bottom: 160px;
    }
    .side_imgages_top_left img {
   
    right: 50px;
    top: 100px;
}
    .side_imgages_bottom_left img {
   
    top: 300px;
    left: -50px;
 
}
    /*=========================================*/
    .subscribe_section_outer {
    margin-top: -120px;
}
    .subscriber_inner2 {
    padding: 80px 15px;
    }
    .subscriber_inner2 h3 {
    font-size: 28px;
    }
    /*=========================================*/
    .testimonials-lastpra h3 {
      font-size: 28px;  
    }
    .testimonials-lastpra p {
    margin: 25px 15px;
    }
    .footer-top {
       background-position:left;
    }
     /*========================inner====================*/
    .banner_title h2 {
    font-size: 38px;
    }
    .content_outer h3 {
    font-size: 26px;
    }
        /*=================contact=================*/
    .contact_outer {
    margin: 30px 20px 30px 20px;
}
    .contact_outer p {
        font-size: 16px;
    }
    .contact_outer h3 {
        font-size: 24px;
    }
    .contact-btn-outer button a {
    font-size: 17px;
    }
    .contact-box-outer {
        padding: 40px;
    }
    .contact-box-outer h3 {
    font-size: 24px;
    }
    .icons_outer p {
        font-size: 15px;
    }
    .contact-box-outer p {
        font-size: 15px;
    }
       /*==============kennisbank==================*/
    .kennisbank_title {
    margin: 20px 0px;
}
    .kennisbank_title h3 {
    font-size: 28px;
    }
    .zoeken-outer input {
        width: 60%;
        font-size: 16px;
    }
    .zoeken-outer button a {
    font-size: 16px;
    }
    .artikelen-text {
    margin: 0px 0px 0px 0px;
}
    .andere_beleggers_bekeken_outer h3{
    font-size: 28px;
    }
    .artikelen-text p {
        font-size: 22px;
    }
    .space {
    padding: 0px 0px;
}
    .card-header-outer {
        padding: 10px;
    }
    .card-header a {
    font-size: 18px;
    }
    /*===============================*/
     .world_content_text p {
    margin: 30px;
    
    }
    
}
/*==================================*/
@media (min-width: 768px) and (max-width:991px) {
    
    /*Banner start*/
    .banner_content_outer {
        padding: 50px 0px 150px 0px;
    }

    .banner_content_outer .banner_col1 h2 {
        font-size: 32px;
    }

    .banner_content_outer .banner_col1 p {
        font-size: 14px;
    }

    /*Banner close*/
    /*After Banner start*/
    .after_banner_section .after_banner_col {
        min-height: 315px;
    }

    /*after banner close*/


    .circle_img{
        display: none;
    }

    /*Subscribe section start*/
    .subscriber_inner2 h3 {
    font-size: 30px;
    margin: 30px 0;
    }



    .subscriber_inner2 {
      padding: 40px 20px;
    }

    /*Subscribe section start*/



    .testimonials_outer {
        background-size: contain;
    }
    .testimonials_outer h3 {
        margin: 0px;
    }
    .testimonials-lastpra p {
    margin: 25px 0px;
    }
    .testimonials_cols {
    margin: 0 0 0 0px;
}
    .testimonials_outer .testimonials_cols p {
        margin: 0px;
        padding: 0px;
    }
    /*=====================================*/
    .subscribe_section_outer {
    margin-top: -110px;
}
    /*========================*/
    .footer-top {
    background-position: left;

}
/*================inner==============*/    
    .banner_title h2 {
    font-size: 42px;
    }
    .content_outer h3 {
    font-size: 32px;
    }
        /*=================contact=================*/
    .contact_outer {
    margin: 80px 0px 0px 0px;
}
    .contact_outer p {
        font-size: 18px;
    }
    .contact_outer h3 {
        font-size: 28px;
    }
    .contact-btn-outer button a {
    font-size: 17px;
    }
    .contact-box-outer {
        padding: 40px;
    }
    .contact-box-outer h3 {
    font-size: 28px;
    }
    .icons_outer p {
        font-size: 15px;
    }
    .contact-box-outer p {
        font-size: 15px;
    }
    
          /*==============kennisbank==================*/
    .kennisbank_title {
    margin: 20px 0px;
}
    .kennisbank_title h3 {
    font-size: 28px;
    }
    .zoeken-outer input {
        width: 60%;
        font-size: 16px;
    }
    .zoeken-outer button a {
    font-size: 16px;
    }
   
    .andere_beleggers_bekeken_outer h3{
    font-size: 28px;
    }
    .artikelen-text p {
        font-size: 22px;
    }
    .space {
    padding: 0px 0px;
}
    .card-header-outer {
        padding: 10px;
    }
    .card-header a {
    font-size: 18px;
    }
    /*==================================*/
    .world_content_text p {
    margin: 30px;
    
    }
}


@media (min-width: 992px) and (max-width:1199px) {
    .banner_title h2 {
    font-size: 52px;
    }
    .content_outer h3 {
    font-size: 36px;
    }
    
            /*=================contact=================*/
    .contact_outer {
    margin: 80px 0px 0px 0px;
}
    .contact_outer p {
        font-size: 18px;
    }
    .contact_outer h3 {
        font-size: 28px;
    }
    .contact-btn-outer button a {
    font-size: 17px;
    }
    .contact-box-outer {
        padding: 40px;
    }
    .contact-box-outer h3 {
    font-size: 28px;
    }
    .icons_outer p {
        font-size: 15px;
    }
    .contact-box-outer p {
        font-size: 15px;
    }
    /*===========kennisbank=========*/
     .kennisbank_title {
    margin: 20px 0px;
}
    .kennisbank_title h3 {
    font-size: 32px;
    }
    .zoeken-outer input {
        width: 60%;
        font-size: 18px;
    }
    .zoeken-outer button a {
    font-size: 18px;
    }
   
    .andere_beleggers_bekeken_outer h3{
    font-size: 38px;
    }
    .artikelen-text {
    margin: 0px 0px 0px 88px;
}
    .artikelen-text p {
        font-size: 22px;
    }
    .space {
    padding: 0px 0px;
}
    .card-header-outer {
        padding: 10px;
    }
   
        /*==================================*/
    
}

































/*=====================For Laptop=================*/
@media (min-width: 1200px) and (max-width: 1400px) {

    /*banner start*/
    .banner_content_outer .banner_col1 h2 {
        font-size: 40px;
    }


    .after_banner_section .after_banner_col {
        min-height: 290px;
    }

    .testimonials_outer {
        padding: 100px 0 290px;
    }
/*==================================*/
    .andere_beleggers_bekeken_outer h3 {
    font-size: 42px;
    }
    .artikelen-text {
    margin: 0px 0px 0px 60px;
}
}



/*Media Query for big screen*/
@media (min-width: 1901px) and (max-width: 3000px) {
    .footer-top {
        padding: 300px 0 20px 0;
    }




}