/*
Theme Name:     Xzopro Child
Description:    Child theme for Xzopro
Template:       xzopro
Author: 		ThemeDraft
Version: 		1.0.0
*/

select {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: none;
    outline: none;
}
.site-branding img {
    max-height: 100% !important;
}
h2,h3,h4 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}
.xzopro-post-thumb img {
    width: 100%;
}
.top-btn .xzopro-btn {
    padding: 10px 10px !important;
}

.wpcf7-form select {
    text-transform: none;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
    box-shadow: none;
    outline: none;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important;
}
.banner-area .container{
	background: #00000096;
    width: 100% !important;
    max-width: 100% !important;
	padding: 110px 0;
}

.active-header-2 .banner-area {
    padding-top:0px !important;
    padding-bottom:0px !important;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
	
	.spacing {
		padding-top:20px;
		padding-bottom:20px;
	}
}

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

@media (min-width: 1025px) and (max-width: 1280px) { 
	.spacing {
			padding-top:20px;
			padding-bottom:20px;
		}
}

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

@media (min-width: 768px) and (max-width: 1024px) {
	
	.site-branding img {
   		width: 135px !important;
	}
	.spacing {
			padding-top:15px;
			padding-bottom:15px;
		}
}

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

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	.spacing {
			padding-top:20px;
			padding-bottom:20px;
		}
	
}

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

@media (min-width: 481px) and (max-width: 767px) {
	
	.spacing {
			padding-top:15px;
			padding-bottom:15px;
		}
}

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

@media (min-width: 320px) and (max-width: 480px) {
	.site-branding img {
   		width: 135px !important;
	}
	.spacing {
			padding-top:15px;
			padding-bottom:15px;
		}
}