/*
Theme Name: Bridge
Theme URI: https://bridgelanding.qodeinteractive.com/
Description: Creative Multipurpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: https://qodeinteractive.com/
Text Domain: bridge
Version: 29.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  	.carousel-inner p, .carousel-inner .q_slide_subtitle, .carousel-inner h2{
		/*background-color:#0000008f;*/
		padding:10px;
		margin:15px auto!important;
		max-width:70%;
	}
	
	.carousel-inner .slider_content.center, .carousel-inner .slider_content.center .thumb{
		top:32%!important;
	}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  .carousel-inner p, .carousel-inner .q_slide_subtitle, .carousel-inner h2{
		max-width:80%;
	  background-color:#0000008f;
		padding:10px;
		margin:15px auto!important;
	}
	.carousel-inner .slider_content.center, .carousel-inner .slider_content.center .thumb{
		top:32%!important;
	}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */
  .carousel-inner p, .carousel-inner .q_slide_subtitle, .carousel-inner h2{
		max-width:90%;
	   /*background-color:#0000008f;*/
		padding:10px;
		margin:15px auto!important;
	}
	.carousel-inner .slider_content.center, .carousel-inner .slider_content.center .thumb{
		top:25%!important;
	}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  /* CSS */
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  /* CSS */
  .carousel-inner p, .carousel-inner .q_slide_subtitle, .carousel-inner h2{
	
	  /*background-color:#0000008f;*/
		padding:10px;
		margin:15px auto!important;
	}
	.carousel-inner p{
		font-size:16px!important;
	}
	.touchevents .carousel-inner .item{
		height:420px!important
	}
	.carousel-inner .slider_content.center, .carousel-inner .slider_content.center .thumb{
		top:25%!important;
	}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  /* CSS */
	.carousel-inner p, .carousel-inner .q_slide_subtitle, .carousel-inner h2{
		
	  background-color:#0000008f;
		padding:10px;
		margin:15px auto!important;
	}
	.carousel-inner p{
		font-size:16px!important;
	}
  .touchevents .carousel-inner .item{
		height:420px!important
	}
}