/*================= Hi-res laptops and desktops================= */
@media (min-width: 1170px) and (max-width: 1281px) {	

}
/*================ Normal desktop ==================== */
@media (min-width: 992px) and (max-width: 1199px) {
	.cta-area.style-2 .cta-content {
	    padding-left: 0;
	}
	.business-nav ul.menu > li > a {
	    padding: 5px 15px 42px 15px;
	}
	.business-nav .menu li.has-dropdown > a::after {
	    right: -1px;
	}
}
/*================ Tablet desktop :768px.==================*/
@media (min-width: 768px) and (max-width: 991px) {	
	/*Header top*/
	.quote-top {
	    margin-top: 12px;
	}
	/*About*/
	div.card-body {
	    display: contents;
	}
	.card-body img {
	    margin-left: 20px;
	    margin-bottom: 10px;
	}
	.about-bg {
	    width: 100%;
	}
	.about-img-wrap {
	    width: 100%;
	    float: none;
	}
	.about-right-img {
	    display: none;
	}
	/*Service*/
	.single-service.style-1 {
	    width: 100%;
	}
	/*Cta*/
	.cta-area.style-2 .cta-content {
	    padding-left: 0;
	}
	.cta-area.style-2 a.btn.btn-business {
	    position: static;
	}
	/*Blog*/
	.widget.widget-links {
	    margin-bottom: 30px;
	}
	.site-content .widget-post img {
	    float: none;
	    margin-bottom: 10px;
	}

	.site-content .widget-post .post-content {
	    padding-left: 0;
	}
}
/*============ Min Width "768px" ==============*/
@media(min-width:768px) {
	.modal-dialog {
	    width: 100%;
	    max-width: 960px;
	    margin: 50px auto;
	}
}
/*================== small mobile :320px. ===================*/
@media (max-width: 767px) {	

	.order-one{ order: 1;}
	.order-two{ order: 2;}
	/*Header*/
	.header-top-contact a {
	    display: block;
	}
	.quote-top, .header-search {
	    display: none
	}
	.mean-container .mean-bar {
	    margin-left: 0;
	}
	/*Slider*/
	.single-slide-content h1 {
	    font-size: 32px;
	    line-height: 36px;
	}
	.slider-area .owl-dots {
		display: none;
	}
	/*About*/
	div.card-body {
	    display: contents;
	}
	.card-body img {
	    margin-left: 20px;
	    margin-bottom: 10px;
	}
	.about-bg {
	    width: 100%;
	}
	.about-img-wrap {
	    width: 100%;
	    float: none;
	}
	.about-right-img {
	    display: none;
	}
	.about-bg {
	    height: auto;
	}
	/*Get a Quote*/
	form.contact-us-form {
	    padding-bottom: 40px;
	}
	/*Footer*/
	.widget.widget-contact, .widget.widget-links, .widget-post:last-child {
	    margin-bottom: 30px;
	}
	/*Cta*/
	.cta-area.style-2 .cta-content {
	    padding-left: 0;
	}
	.cta-area.style-2 a.btn.btn-business {
	    position: static;
	}
	/*Funfact*/
	.single-fact {
	    margin-bottom: 30px;
	}
	/*Blog comment*/
	.single-field.one-third {
	    width: 100%;
	}
	.comment-form-area {
	    margin-bottom: 60px;
	}
	/*Get a quote*/
	.qoute-img {
	    display: none;
	}
	.get-quote-area {
	    padding-top: 0;
	}
	/*Testimonial*/
	.testimonial-area.style-1 .testimonial-content {
	    padding-left: 25px;
	    padding-top: 30px;
	}
	.testimonial-area.style-1 .testimonial-title {
	    padding-top: 25px;
	}
	/*Accordian*/
	div.card-body p {
	    padding-left: 0;
	}


	



	/*------------------------- Edited by -----------------------*/
	.sidebar-nav {
	    font-size: 8px;
	    position: fixed;
	    top: 15%;
	    right: 0;
	    width: 85px;
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    z-index: 999;
	    background-color: #3E3E3E;
	}
	.sidebar-nav li a {
	    display: block;
	    color: #fff;
	    text-decoration: none;
	    padding: 5px 5px 5px 10px;
	}
	.sidebar-nav li::before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    height: 100%;
	    width: 4px;
	    background-color: #1986C9;
	    -webkit-transition: width .2s ease-in;
	    -moz-transition: width .2s ease-in;
	    -ms-transition: width .2s ease-in;
	    transition: width .2s ease-in;
	}
	.left-side-fixed{
		/*display: none;*/
	}


	.header-top-contact {
	    padding: 12px 0 12px;
	}
	.header-top-contact a {
	    color: #ffffff;
	    margin-right: 00px;
	    font-size: 12px;
	    text-align: center;
	}
	.site-branding {
	    padding: 15px 0;
	}
	.branding-area {
	    padding: 15px 0px;
	}

	#who_we_are{
	    padding-top: 25px;
	}
	#our_history{
	    padding-top: 25px;
	}
	#mission_vission{
	    padding-top: 25px;
	}
	#corporate_brochure{
	    padding-top: 25px;
	    padding-bottom: 0px;
	}
	#who_we_are .section-title h2, #our_history .section-title h2, 
	#mission_vission .section-title h2, #corporate_brochure .section-title h2{
		font-size: 16px;
	}
	.section-title {
	    text-align: center;
	    margin: 0px 0 15px 0;
	}

	#contact_us{
	    padding: 20px 0 0 0;
	}
	.contact-title h2 {
	    margin-bottom: 10px;
	    font-size: 18px;
	}
	.top_social_link {
	    padding: 5px 0;
	    text-align: justify;
	    float: none;
	    text-align: center;
	}

	#enquiry{
	    padding: 20px 0px 15px 0;
	}

	#services_part{
	    padding: 20px 0 25px 0;
	}
	.error-page-area {
	    padding: 20px 0;
	}
	#products_category_page{
	    padding: 20px 0px 0px 0;
	}
	.box3 .title {
    	font-size: 16px;
	}
	.box3 .description{
		text-align: center;
		font-size: 12px;
		color: #fff;
		margin: 5px 0;
		line-height: 1.2;
	}
	.main_mask_ind h2{
	    font-size: 25px;
	    text-align: center;
	    font-weight: bold;
	    color: #00B0F0;
	    margin-bottom: 0px;
	    padding: 5px 0;
	    opacity: 1;
	}

	#products_category_page h2{
		font-size: 18px;
		line-height: 1.3;
	}

	.back_breadcamb h4{
		font-size: 16px;
	}




	/*------------------------- Edited by -----------------*/
}
/* ======================Large Mobile :480px.================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {	

}