/* Responsive styles for AISpanner website */
/* Added by IBC Digital */

@media screen and (max-width: 1299px){
    #carousel-hestia-generic .page-header{
        /*height: 75vh;    */
        /*min-height: 65vh;*/
        padding-bottom: 80px;
    }
    
    /*#carousel-hestia-generic .page-header .container {
        padding-top: 18vh;
    }*/
    
    /*#carousel-hestia-generic .page-header .header-content{
        padding: 0em 5em;
    }*/
    
    #carousel-hestia-generic .page-header .title{
        font-size: 5rem;
        /*margin-bottom: 18rem;*/
    }
    
    #carousel-hestia-generic .page-header h3{
        font-size: 2.5rem;
        font-weight: 300;
    }
    
    h2, h2.title{
        font-size: 5rem;
    }
    
    h3{
        font-size: 2.5rem;
    }
    
    /*p{
        font-size: 2rem !important;
    }*/
    
}

@media screen and (max-width: 1099px){    
   /* #carousel-hestia-generic .page-header{
        height: 70vh;    
    }*/
    
    #carousel-hestia-generic .page-header .title{
        font-size: 4rem;
    }
    
    #carousel-hestia-generic .page-header h3{
        font-size: 2rem;
    }
    
    h2, h2.title{
        font-size: 4rem;
    }
    
    h3{
        font-size: 2rem;
    }

    .nav.navbar-right {
        margin-right: -25px !important;
	}
}

@media screen and (min-width: 1200px) {
	#carousel-hestia-generic .page-header {
    	height: 100vh; 
	}
	.main.main-raised {
		position: absolute;
		top: 510px;
		width: calc(100% - 60px);
	}
	.main-raised {
		margin: 0px 30px;
	}
}

@media screen and (min-width: 992px) {
	.header-image img {
		width: 150%;
    	max-width: fit-content;
	}

	.navbar .navbar-collapse {
		display: table-cell !important;
		width: 100%;
		vertical-align: middle;
	}

	.navbar .navbar-nav > li.current:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 10px;
		left:  10px;
		right:  10px;
		height:  2px;
		background: rgb(11,4,148);
	}

	.text-md-right {
		text-align: right;
	}
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
    #menu-main-menu.nav.navbar-right {
        margin-right: -40px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.card{
		width: 100%;
	}
	
	.card-testimonial .card-label, .card-testimonial .card-description{
		font-size: 1.5em;
		line-height: 1.55em;
		text-align: center;
	}
	
	.card-testimonial .card-avatar{
		max-width: 250px;
	}
	
	.card-testimonial .card-avatar img{
		max-width: 100px;
		max-height: 100px;
	}
	
	#data-augmentation .card img{
		max-height: 100px;
		width: auto;
	}
	
	#data-augmentation .card .content{
		margin-bottom: 30px;
	}
	
	.subscribe-line .description, .subscribe-line .description p{
		text-align: center;
	}
	
	#contact .contact-details{
		text-align: center;
		margin-bottom: 15px;
	}
	
	#contact .contact-details .info{
		width: 100%;
		max-width: 100%;
	}
	
	#contact .title{
		margin: 0px;
	}
	
	#contact .description{
		margin: 0px;
	}

    .nav.navbar-right {
        margin-right: -25px !important;
	}
}

@media screen and (max-width: 991px){
    /*#carousel-hestia-generic .page-header{
        height: 35vh;    
    }*/
    
    #carousel-hestia-generic .page-header .title{
        font-size: 3rem;
        /*margin-bottom: 15rem;*/
    }
    
    #carousel-hestia-generic .page-header h3{
        font-size: 1.5rem;
    }
    
    h2, h2.title{
        font-size: 3rem;
    }
    
    #shutdown .description{
        text-align: center;
    }
    
    #shutdown .description ul li{
        text-align: left;
    }
    
    #shutdown img{
        width: 100%;
    }
    .navbar-fixed-top .navbar-collapse:not(.show) {
		display: none !important;
    }
    .container > .navbar-header {
	    display: block !important;
	    float: none;
	    vertical-align: middle;
		width: 100%;
	}
	.navbar.navbar-not-transparent .not-transparent-logo {
		display: inline-block;
	}
	.navbar-toggler {
		display: inline-block !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		float: right;
	}
	.navbar-toggler:focus,
	.navbar-toggler:hover,
	.navbar-toggler:active {
		background-color: transparent !important;
		box-shadow: none !important;
		outline: none !important;
	}

	#menu-main-menu.nav.navbar-right {
		text-align: center;
        margin-right: -25px !important;
	}
	#menu-main-menu.nav.navbar-right > li {
		display: inline-block;
	}
	.navbar .navbar-nav:not(.navbar-right) > li {
		display: block;
		position: relative;
		text-align: center;
	}
	.header .navbar-nav {
		float: none !important;
        margin: 0px !important;
	}
	
	.contactus .card-contact{
		margin-top: 30px;
		float:  none;
		margin-left: auto;
		margin-right: auto;
		position: relative;
    	display: block;
	}

	.home-icon-label {
		min-width: 150px;
	    display: inline-block;
	    text-align: left;
	}

	.text-md-right {
		text-align: left;
	}
}

@media screen and (max-width: 768px){
	.card{
		width: 100%;
	}

	.contactus .row {
		padding:  0px;
	}

	#shutdown .text-center {
		margin: 0px;
	}
	
	.card-testimonial .card-label, .card-testimonial .card-description{
		font-size: 1.5em;
		line-height: 1.55em;
		text-align: center;
	}
	
	.card-testimonial .card-avatar{
		max-width: 250px;
	}
	
	.card-testimonial .card-avatar img{
		max-width: 100px;
		max-height: 100px;
	}
	
	#data-augmentation .card img{
		max-height: 100px;
		width: auto;
	}
	
	#data-augmentation .card .content{
		margin-bottom: 30px;
	}
	
	.subscribe-line .description, .subscribe-line .description p{
		text-align: center;
	}
	
	#contact .contact-details{
		text-align: center;
		margin-bottom: 15px;
	}
	
	#contact .contact-details .info{
		width: 100%;
		max-width: 100%;
	}
	
	#contact .title{
		margin: 0px;
	}
	
	#contact .description{
		margin: 0px;
	}
	
	.contactus .card-contact{
		margin-top: 30px;
	}
    
    .header .navbar.navbar-transparent .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .carousel .page-header {
        padding: 0 15px;
    }

    /*#carousel-hestia-generic .page-header{
        height: 20vh;    
    }*/
    
    .page-header .container {
        padding-top: 25vh;
    }
    
    /*#carousel-hestia-generic .page-header .header-content{
        padding: 0;
    }*/
    
    #carousel-hestia-generic .page-header .title{
        /*font-size: 2.2rem;*/
        /*margin-bottom: 12rem;*/
    }
    
    #carousel-hestia-generic .page-header h3{
        /*font-size: 1.5rem;*/
    }
    
    h2, h2.title{
        /*font-size: 2.5rem;*/
    }
    
    #testimonials .card .card-label{
        text-align: center;
    }

	.team .teamInfo{
		margin-bottom: 30px;
		max-width: 100%;
	}

	.companyLogo{
		width: 100%;
		margin-bottom: 30px;
	}

	.header-content ul{
		list-style-position: outside;
	}

	.header-content ul li{
		line-height: 1.2;
    	margin-bottom: 1.5rem;
	}

	.navbar .navbar-nav li > a {
		text-decoration: none;
	}

	#menu-main-menu.nav.navbar-right{
		display: block;
		margin: 0px !important;
	}
}

/*@media screen and (max-width: 600px){ 
    #carousel-hestia-generic .page-header .title{
        margin-bottom: 5rem;
    }
}*/
/*
@media screen and (max-width: 480px){    
    #carousel-hestia-generic .page-header .title{
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    
    #carousel-hestia-generic .page-header h3{
        font-size: 1rem;
    }
}*/