@media (max-width:1500px) {
	
	#ai-solutions .flip-card .back .text-content{
		font-size: 15px;
	}
	
	#ai-solutions .flip-card .front .title,
	#ai-solutions .flip-card .back .title {
		font-size: 20px;
	}
	
	#hero {
		padding: 150px 0 60px;
	}
	
	#ai-solutions{
		padding-top: 60px;
	}
	
}


@media (max-width:1250px) {
	
	.sidebar-right #content-main {
		width: 630px;
		margin-right: 30px;
	}

}

@media (max-width:1200px) {

	#ai-solutions .flip-card .back .text-content{
		font-size: 13px;
	}
	
	#ai-solutions .flip-card .front .title,
	#ai-solutions .flip-card .back .title {
		font-size: 18px;
	}
	
	.view-blog .views-row{
		width: 29%;
	}

}

@media (max-width:1150px) {
	
	
	
}

@media (max-width:1023px) {
	
	.sidebar-right #content-main, .sidebar-right aside, .sidebar-left #content-main, .sidebar-left aside{
		display: block;
		margin: 0 auto 30px;
	}
	
	.sidebar-right #content-main, .sidebar-left #content-main{
		width: 100%;
	}
	
	.left, .right{
		display: block;
		margin: 0 auto 30px !important;
	}
	
	.mobile-full{
		width: 100% !important;
	}
	
	#case-studies .views-row{
		font-size: 15px;
	}
	
	#case-studies .views-row .title{
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	#case-studies .views-row .headline{
		margin-bottom: 5px;
	}
	
	#ai-solutions .views-row{
		width: 47.5%;
	}
	
	#block-works-footertop .footer-links a {
		margin-left: 40px;
	}
	
	.node--type-blog #main-wrapper{
		padding: 50px 0;
	}
	
	.node--type-blog h1 {
		font-size: 40px;
	}
	
	.view-blog .views-row{
		width: 390px;
		max-width: 100%;
		margin: 0 auto 30px;
		display: block;
	}
	
	.view-blog h1{
		font-size: 40px;
	}
	
	#main-wrapper{
		padding: 45px 0 35px;
	}
	
	#content-main .view-blog {
		padding: 0 0 50px;
	}
	
	#blog-bottom {
		margin-top: 30px;
		border-radius: 35px;
		padding: 40px 30px;
		font-size: 21px;
	}
	
}



@media (min-width:768px) {
	
	.region-header, .constrain .region-content, .block.constrain{
		width: 83.33333333%;
		margin-left: 8.33333333%;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;    
	} 

	.col-sm-9.constrain .highlighted, .region-header, .col-sm-9.constrain .region-content{
		width: 75%;
	}   
	
	.navbar-expand-md .navbar-toggler {
		display: none;
	  }
	  
	 body .navbar-expand-md .navbar-collapse{
		  display: block !important;
		  width: 100%;
	  }
	  
	 .container, .container-md, .container-sm{
		max-width: 100%;
	}
  
}

@media (max-width:768px) {
	
	.vertical-align, .region-header {
		display: block; 
	}

	.highlighted, .region-header{
		width: 100%;
		margin-left: 0;
	}
  
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
		margin-left: 0;
		margin-right: 0;
		border: none;
		box-shadow: none;
	}

}



@media (max-width: 767px){
	
	body{
		font-size: 16px;
	}
	
	#block-mainnavigation{
		width: 100%;
	}
  
	a.cta-btn{
		font-size: 14px !important;
	}
 
	h2{
		font-size: 27px !important;
	}
  
	.region-navigation{
		display: inline-block;
	}
  
	.navbar-nav > li{
		display: block !important;
		margin: 0 0 10px;
	}
  
	.navbar-default .navbar-nav > li[aria-label="Facebook"], .navbar-default .navbar-nav > li[aria-label="Twitter"], .navbar-default .navbar-nav > li[aria-label="LinkedIn"], .navbar-default .navbar-nav > li[aria-label="Youtube"]{
		display: inline-block !important;
	}
  
	.navbar-default .navbar-nav > li{
		margin: 0;
	}
  
	h1{
		font-size: 36px;
	}
	
	#case-studies .views-row .image{
		display: none;
	}
	
	#case-studies .views-row .text-content,
	#case-studies .views-row .form{
		width: 100%;
	}
	
	.webform-submission-form .form-type-textfield input, 
	.webform-submission-form .form-type-email input{
		height: 30px;
	}
	
	.webform-submission-form textarea {
		height: 40px;
		min-height: 40px;
		max-height: 40px;
	}
	
	#case-studies .views-row .views-field {
		padding: 15px 20px;
	}
	
	#case-studies .views-slideshow-controls-bottom {
		position: relative;
		top: 20px;
		margin-bottom: 15px;
	}
	
	#case-studies .views_slideshow_controls_text_previous a{
		left: 0;
	}
	
	#case-studies .views_slideshow_controls_text_next a{
		right: 0;
	}
	
	#case-studies .views_slideshow_controls_text_previous a, #case-studies .views_slideshow_controls_text_next a{
		position: relative;
		margin: 0 10px;
	}
	
	#case-studies .view{
		padding: 25px;
	}
	
	#ai-solutions .flip-card .back .text-content {
        font-size: 11px;
    }
 
	.navbar-collapse {
		text-align: left;
		width: 100%;
		margin: 0;
	}
	
	#block-works-menuctabtn {
		position: relative;
		right: inherit;
		top: 0;
	}
	
	.navbar-collapse {
		text-align: left;
        width: 100%;
        margin: 0;
        background: #000;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
		position: relative;
	}
	
	#header .block{
		display: block;
	}
	
	#header{
		position: relative;
	}
	
	.highlighted {
		margin-top: 0;
	}
	
	#hero {
        padding: 50px 0 20px;
    }
	
	#block-works-footertop .footer-links {
		float: none;
		text-align: center;
	}
	
	#block-works-footertop .footer-logo {
		display: block;
		margin: 0 auto 30px;
		text-align: center;
	}
	
	#block-works-footertop .footer-links a {
        margin: 0 10px 15px;
    }
	
	.site-footer{
		padding: 0;
	}
	
	.footer .region-footer-first {
		margin-bottom: 40px !important;
	}
	
	.node--type-blog h1 {
		font-size: 32px;
	}
 
}

@media (max-width: 567px){
	
	body{
		font-size: 15px;
	}
	
	h1{
		font-size: 27px;
	  }

	h2{
	  font-size: 24px !important;
	}
	
	#block-footer .inline{
		display: block;
		margin: 0 auto 15px;
	}
	
	.region-navigation {
		float: left;
	}
	
	#ai-solutions .views-row{
		display: block;
		margin: 0 auto 30px;
		width: 100%;
	}
	
	#ai-solutions .flip-card .icon {
		width: 240px;
        height: 240px;
		margin: 0 auto 35px;
		background-size: 100% auto !important;
	}
	
	#ai-solutions .flip-card,
	#ai-solutions .flip-card-inner,
	#ai-solutions .flip-card .front, 
	#ai-solutions .flip-card .back{
		height: 405px;
	}
	
	#ai-solutions .flip-card .back{
		line-height: 405px;
	}
	
	#ai-solutions .flip-card .icon img {
		margin-top: 110px;
		width: 40px;
		height: auto !important;
	}
	
}