/*================================================== =            Bootstrap 3 Media Queries             = ==================================================*/   /*==========  Mobile First Method  ==========*/  /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { }  /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { }   /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { }  /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { }  /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { }   /*==========  Non-Mobile First Method  ==========*/  /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { .service-block .thumb .desc { bottom: -47%; }  .team-block .team-thumb .team-overlay { padding: 10px 15px; height: 82%; } .team-block .team-thumb .team-overlay::after { left: 0px; } .team-block .team-thumb .styled-icons { padding: 7px 20px 0 0; width: 79%; } }   /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { html { font-size: 75%; } .navbar-nav  .dropdown-menu { left: auto; } #header-logo { padding: 10px 15px; } .header .navbar-default .navbar-nav > li > a::after { display: none; } .team-member, .working-progress { margin-bottom: 60px !important; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 0px !important; } .map { margin-top: 30px; } .curve-bg:after, .curve-bg-half:after { left: auto; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg); } .blog-posts .entry-header .entry-title { padding-top: 0; } .blog-posts .entry-header .entry-date { margin-left: 0; } .contact-wrapper { padding: 50px 30px; } .header #header-logo { padding-top: 20px; } .boxed-layout .header #header-logo, .vertical-header .header #header-logo { padding-top: 10px; } .header .navbar-default .navbar-toggle { margin-top: 18px; } .boxed-layout .header .navbar-default .navbar-toggle { margin-top: 8px; } .header #header-logo img { height: 30px; } .pricing-table .table-price { font-size: 30px; } .bg-img-box .caption .title { font-size: 24px; margin-top: 0px; } .bg-img-box .caption .schedule { font-size: 14px; margin-top: 0px; }  .service-block .thumb .desc { border-top: 4px solid #fb4848; bottom: -18%; } .team-block .team-thumb .styled-icons { padding: 10px 20px 0 25px; width: 88%; } .team-block .team-thumb .team-overlay { height: 88%; } .team-block .team-thumb .team-overlay { padding: 50px 30px; }  }  /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { html { font-size: 60%; } .box-hover-effect { float: none; } #header-logo { padding: 10px 15px; } #spinner { left: 42%; } .navbar-default .navbar-toggle { margin-top: 15px; border-radius: 0px; } #home .display-table p { margin: 15px 0; font-size: 14px; } .icon-box { margin-top: 30px; margin-bottom: 30px; } .icon-box { text-align: center; } .icon-box.left { text-align: center; } .icon-box.left a { margin-right: 0; padding: 0; } .icon-box .media-left { float: none !important; margin: 0 0 30px 0; } .icon-box .media-left, .icon-box .media-right, .icon-box .media-body { display: block; width: auto; } .call-to-action { text-align: center; } .call-to-action .icon { float: none; } .sidebar.pull-left, .sidebar.pull-right { float: none !important; } .blog-posts .entry-meta { background: none; left: auto; position: relative; top: auto; } .testimonial-carousel.boxed .owl-dots { text-align: center; } .bg-img-box .caption .title { font-size: 24px; margin-top: 30px; } .service-block .thumb .desc { border-top: 4px solid #fb4848; bottom: -15%; padding: 10px 6px 4px 20px; } .team-block .team-thumb .team-overlay { padding: 60px; } .team-block .team-thumb .team-overlay { height: 90%; } .team-block .team-thumb .team-overlay::after { left: -1px; } .team-block .team-thumb .styled-icons { padding: 9px 20px 0 25px; } .team-block .team-thumb .styled-icons::after { border-width: 26px; left: -52px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { html { font-size: 50%; } .vertical-text-carousel .owl-controls .owl-buttons { top: 18%; } }  /* Extra Small Devices, Phones */ @media only screen and (max-width : 360px) { .team-block .team-thumb .styled-icons { padding: 8px 20px 0 25px; } .team-block .team-thumb .team-overlay { height: 88%; } }  /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { html { font-size: 35%; } } .b-ed-btn { color: #FFF; background-color: #202c45 !important; border-color: #202c45 !important; border-radius: 25px; margin-left: 43px; } .b-ed-text { color: #FFF !important; font-weight: bold; } .b-ed-sec { margin-top: 28px; border-top: 1px solid #89c42e; border: 1px solid #f6ae27; background-color: #f6ae27; padding-top: 20px; padding-bottom: 24px; padding-left: 20px; } .video-popup .img-fullwidth { width: 100% !important; width: 100%; display: block; outline: 8px solid white; outline-offset: -12px; border: 12px solid #89c42e; } .video-popup p { font-size: 17px; font-style: italic; text-align: center; margin-top: 13px; color: #ff9f00; font-weight: 600; } .side_button_enq { /* font-size: 15px; */ position: fixed; padding: 8px 0px; top: 40%; z-index: 99999; background: #89c42e; right: 0; transform: rotateZ(0deg); color: white; border: 0; font-weight: bold; writing-mode: tb-rl; text-transform: uppercase; text-orientation: upright; border-radius: 10px 0px 0 10px; box-shadow: 0 0 4px 0px #00000057; } .side_button_enq span { writing-mode: tb-rl; text-orientation: upright; line-height: 1; } section#gallery { float: left; width: 100%; padding: 50px 0px; /*background: url(../images/about-bg.jpg);*/ background-size: 100%; background-repeat: no-repeat; } h2.common-heading { margin-bottom: 30px; text-align: center; font-size: 24px; text-transform: uppercase; font-weight: 700; margin-top: 15px; position: relative; padding-bottom: 15px; } /*h2.common-heading:before {*/ /*    display: block;*/ /*    content: "";*/ /*    background: url(../images/heading-bg.png);*/ /*    height: 22px;*/ /*    width: 95px;*/ /*    position: absolute;*/ /*    top: 45px;*/ /*    left: 50%;*/ /*    z-index: 2;*/ /*    transform: translate(-50%,0%);*/ /*}*/ .wp-block-media-text { box-shadow: 0px 0px 25px 0px grey; padding: 18px; border: 4px solid #89c42e; border-radius: 15px 0; grid-template-columns: 18% auto; min-height: 112px; } .wp-block-media-text { grid-template-rows: auto; align-items: center; grid-template-areas: "media-text-media media-text-content"; grid-template-columns: 50% auto; } .wp-block-column { flex: 1; margin-bottom: 1em; flex-basis: 100%; min-width: 0; word-break: break-word; overflow-wrap: break-word; } .wp-block-media-text { display: grid; } .wp-block-media-text .wp-block-media-text__media { grid-area: media-text-media; margin: 0; } .wp-block-media-text__media img { width: 73px; }
@media(min-width:767.5px){	
	.header-middle .row{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
}
.header-middle .menu_toggle_btn{
		display:none;
}
@media(max-width:900.5px){
	.header-nav{
		display:none;
	}
	.header-middle .menu_toggle_btn{
		display:block;
		position:fixed;
		right:20px;
		top:100px;
		z-index:1000;
	}
}
@media(max-width:767.5px){
	.header-middle .menu_toggle_btn{
		position:absolute;
		top:40px;
	}
}