@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 0px) and (max-width: 450px) {


}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

    .btn-start { margin-top: 30px;  }
    .social-media { right: 65px; bottom: 16px; }
/*    .section-2 { overflow:hidden;  overflow-y:auto; }*/
    .section-2 .navigation { position: relative; }
    .content-section h3 { font-size: 27px; margin-bottom: 12px; }
    .content-section p { font-size: 16px; margin-bottom: 10px; }
    .content-section h2 { font-size: 23px; margin-bottom: 12px; }
    .my-media .title { font-size:15px;  }
    .my-media p { font-size: 12px; }
    .contact-form ul li a { font-size: 14px; }
    .contact-form ul:nth-child(2) li { margin-right: 15px; margin-top:10px; margin-bottom:30px;   }
    .contact-form ul li { margin-bottom: 15px; }
    .contact-form ul li i img { width: 26px; }
    .border-right { border-right: 1px solid #ffffff00!important; }
    .navbar-collapse{ position: absolute; right: 0; }
    .navbar-nav{ display: -webkit-box !important; }
    
    .navigation .navbar-nav .nav-item:nth-child(1) .nav-link {  padding: 0.6rem 0.0rem; }
    .navigation .navbar-nav .nav-item .nav-link { font-size: 16px; }
    .ml-5, .mx-5 { margin-left: 0rem!important; }
    .my-window .media-section p { font-size: 13px; }
    .my-window .media-body .sub-title { font-size: 15px; font-weight:500;  }
    .my-window .media-body .title { font-size: 18px; }
    .my-window .media-section b { font-size: 16px; }
    .my-window .media-section li { font-size: 13px; margin-bottom: 5px;}
	.font-25 { font-size: 14px; font-weight: 600; }
		
	.section-center .align-self-end { -ms-flex-item-align: center!important; align-self: center!important; }
	.section-center .align-self-center { -ms-flex-item-align:baseline!important; align-self: baseline!important; }
    
    
    
    .my-window .modal-lg { margin:0px; height:100%;  }
    .media-body .ml-5, .mx-5 { margin-left: 1rem!important; }
    
    
    .modal-content.sidebarModal {  background-color: rgba(20, 35, 47, 0.83); } 
    .sidebarModal .nav-link , .sidebarModal .social-icon { font-size:17px;  }
    .sidebarModal hr {  border-top: 1px solid rgba(255, 255, 255, 0.47); }
    
    
    #demo { display:none; }
    .carousel-links { display:block; }
    .box1 { display:none; }
    .btn-readmore { font-size:18px; margin-top:0px;  }
    
    .media .content-section h3 { font-size:22px;  }
    .media .content-section p { font-size:15px;  }
    .media .content-section h2 { font-size:20px;  }
    
    .scroll-bar::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } 
    .scroll-bar::-webkit-scrollbar-thumb { background-color: #919191; border-radius: 50px; }
    .scroll-bar::-webkit-scrollbar-track {  background-color: #F5F5F5; }
    
    .contact-form.border-right { border-right:0px !important; border-bottom: 1px solid #dee2e6!important;  margin-bottom: 30px; padding-bottom: 30px; }
    
    .window-close { right:10px; top:10px;   }
    .window-close img { width:25px; }
    
    .section-0 .navigation { position:relative; }
    .section-0 .content-section { margin-top:15px; margin-bottom:15px; }
    .section-0 .content-section p { font-size:14px; }
    .section-0 .section-center { overflow-y: auto; margin-bottom: 30px; padding-bottom: 80px; }
    
	
}





/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    
    .box1 { display:none; }
    
    .modal-dialog.modal-lg { max-width: 100%; margin: 0 auto; height:100%;  }
    .content-section h3 { font-size: 35px; margin-bottom: 10px; }
    .content-section p { font-size: 14px;  margin-bottom: 15px; }
    .my-window .media-section li { font-size: 14px; margin-bottom: 10px; }
    .content-section p { font-size: 15px; margin-bottom: 10px; }
    .content-section h2 { font-size: 23px; margin-bottom: 12px; }
    
    .modal-content.sidebarModal {  background-color: rgba(20, 35, 47, 0.83); } 
    .sidebarModal .nav-link , .sidebarModal .social-icon { font-size:17px;  }
    .sidebarModal hr {  border-top: 1px solid rgba(255, 255, 255, 0.47); }
    
    .my-carousel .carousel-control-prev { left:-32px; }
    .my-carousel .carousel-control-next { right:-32px; }
    
    .my-window .media-body .sub-title { font-size:17px;  }
    .my-window .media-body .title { font-size:22px;  }
    .my-window .media-section p { font-size:15px; }
    .my-window .media-section b { font-size:17px;  }
    .font-25 { font-size:18px; }
    
    .section-0 .navigation { position:relative; }
    .section-0 .content-section { margin-top:15px; margin-bottom:15px; }
    .section-0 .content-section p { font-size:16px; }
    .section-0 .section-center { overflow-y: auto; margin-bottom: 30px; padding-bottom: 80px; }
    .section-0 .media-section p { font-size:15px; }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}