/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/

/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1342px) {
    #slider_container .laptop_box {
        margin-right: 0px;
    }
	
	#slider_container .text-bg {
        text-align: left;
	    padding:0px 30px 30px 55px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #slider_container .text-bg h1 {
        font-size: 36px;
        line-height: 42px;
        padding-bottom: 21px;
    }
  
    #slider_container .text-bg a {
        max-width: 200px;
    }
	
	#slider_container .carousel-indicators {
        right: 300px;
	    left:0px;
    }
    
	#slider_container .text-bg {
        text-align: left;
	    padding:0px 30px 30px 55px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    #slider_container .navigation.navbar-dark .navbar-nav .nav-link {
        padding: 0px 9px;
    }
    
    #slider_container .carousel-controls-wrapper {
	     bottom: auto;
		 top: 200px;
	}

	#slider_container .text-bg {
	    text-align: left;
		padding:0px 15px;
		padding-right: 0;
	}
	
    #slider_container .banner_main {
        min-height: auto;
    }
    
    #slider_container .text-bg h1 {
        font-size: 3.5vw;
        line-height: 35px;
        padding-bottom: 10px;
    }
    
    #slider_container .text-bg span {
        font-size: 21px;
        line-height: 23px;
    }
    
    #slider_container .text-bg a {
        max-width: 200px;
        padding: 9px 0px;
    }
    
    #slider_container .d_none {
        display: none;
    }
    
    #slider_container .laptop_box {
        margin-right: 0px;
    }
    
    #slider_container .box_text p {
        font-size: 15px;
        line-height: 23px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
	.slider_section {
		max-height: none;
	}
	
	#slider_container .carousel-controls-wrapper {
	     bottom: auto;
		 top: 200px;
	}

    #slider_container .text-bg h1 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 25px;
    }
    
    #slider_container .carousel-inner {
        padding-left: 0;
        padding-bottom: 130px;
    	box-sizing: content-box;
    	max-height: none;
    }
    
    #slider_container .carousel-controls-wrapper {
		 left:50%;
	     transform: translateX(-50%);
	}

    #slider_container .text_img {
        margin-right: 0px;
    }
    
    #slider_container .carousel-indicators {
		right:10px;
		left:0px;
    }
	
	#slider_container .text-bg {
	    text-align: left;
		padding:0px 15px;
	}
   
    #slider_container .text-bg a {
        margin-bottom: 30px;
        max-width: 202px;
    }
    
    #slider_container .box_text {
        margin-bottom: 30px;
    }	  
}

@media (max-width: 575px) {
	.slider_section {
		max-height: none;
	    max-width: 100vw;
	}
	
    #slider_container .header {
        padding: 30px 0px 15px 0px;
    }
    
    #slider_container .col-md-6 {
		min-height:235px;
	}
    
    #slider_container .logo {
        text-align: center !important;
        padding-bottom: 6px;
        float: left;
    }
    
    #slider_container .carousel-inner {
        padding-left: 0;
        padding-bottom: 130px;
    	box-sizing: content-box;
    	max-height: none;
    }
    
    #slider_container .carousel-controls-wrapper {
		 left:50%;
	     transform: translateX(-50%);
	     right: auto;
	}

    #slider_container .text_img {
        margin-right: 0px;
        margin-top: 0px;
    }
    
    #slider_container .carousel-indicators {
		right:10px;
		left:0px;
    }
    
    #slider_container .text-bg h1 {
        font-size: 30px;
        line-height: 30px;
        padding-bottom: 10px;
    }
  
    #slider_container .text-bg a {
        max-width: 200px;
        padding: 10px 0px;
    }
    
    #slider_container .box_text {
        margin-bottom: 30px;
    }
	
	#slider_container .text-bg {
	    text-align: left;
		padding:0px 15px;
	}
   
    #slider_container .slider_section {
        min-height: 500px;
    }
}