/*------------------------------------------------------------------
[Master Stylesheet]

Project:	24/7 Express Logistics Services
Version:	1.0
Assigned to:	WebNik
Primary use:	24/7 Express Logistics Services
-------------------------------------------------------------------*/


/* FONTS*/
@import url("../../../../../fonts.googleapis.com/css-family=Titillium+Web-700,600,400,300,300italic,700-Lato-400,300,300italic,700,900-Merriweather-400italic.css" );
@import url("../fonts/flaticon/flaticon.css" );
@import url("../fonts/font-awesome-4.5.0/css/font-awesome.min.css" );



/* PLUGIN CSS */

@import url("../plugins/bootstrap/css/bootstrap.css" );                /* bootstrap */
@import url("../plugins/yamm/yamm.css");                              /* responsive menu */
@import url("../plugins/slider-pro/dist/css/slider-pro.css" );         /* main slider */
@import url("../plugins/owl-carousel/owl.carousel.css" );              /* other sliders */
@import url("../plugins/owl-carousel/owl.transitions.css" );           /* other sliders */
@import url("../plugins/owl-carousel/owl.theme.css" );                 /* other sliders */
@import url("../plugins/flexslider/flexslider.css" );                  /* sliders */
@import url("../plugins/prettyphoto/css/prettyPhoto.css" );            /* modal */
@import url("../plugins/bootstrap-select/dist/css/bootstrap-select.css" );   /* select customization-2 */
@import url("../plugins/animate/animate.css" );                        /* animations */
@import url("../plugins/parallax.css" );                               /* parallax */
@import url("../plugins/validation/validation-2.2.min.css" );          /* validation */



/* MAIN CSS */

@import url("preloader.css" );
@import url("theme.css" );
@import url("sections.css" );
@import url("sidebar.css" );
@import url("blog.css" );
@import url("color.css" );
@import url("responsive.css" );
@import url("debugging.css" );



 
@media (min-width: 1200px) {

.popbl { height: 140px; }
.popbl h2 { height: 34px;}

.pdpbdl h2 {  height: 34px;}
.pdpbdl { height: 140px; }
.pdpbdl p { padding-left: 5px;
            padding-right: 5px;
			}
.section_mod-d {
	padding-bottom: 140px;
}
.sblo { height: 100px; } 			
 }

 
@media (min-width: 992px) and (max-width: 1199px) {
.popbl { height: 160px; }
.popbl h2 { height: 52px;}
.popbl p { line-height: 20px; padding-left: 3px; padding-right: 3px;  font-size: 13px; }

.pdpbdl h2 {  height: 52px;}
.pdpbdl { height: 160px; }
.pdpbdl p { padding-left: 5px;
            padding-right: 5px;
			}
.makkar { width: 50%; height: 50%;}

.section_mod-d {
	padding-bottom: 80px;
}
.sblo { height: 80px; } 	
}

 
@media (min-width: 768px) and (max-width: 991px) {

.popbl { height: 180px; }
.popbl h2 { height: 52px; font-size: 12px;}
.popbl p { line-height: 16px; padding-left: 3px; padding-right: 3px;  font-size: 13px; }


.pdpbdl h2 {  height: 34px;  font-size: 12px;}
.pdpbdl { height: 150px; }
.pdpbdl p { padding-left: 5px;
            padding-right: 5px; line-height: 17px;
			}
.makkar { width: 40%; height: 40%;}
.priv { width: 50%; height: 50%;} 

.section_mod-d {
	padding-bottom: 60px;
}
.sblo { height: 60px; }

.header .logo { display: inline-block; text-align: center; width: 100%; }
}

 
@media (max-width: 767px) {

.popbl { height: 130px; }
.popbl h2 {  font-size: 14px;}
.popbl p { line-height: 20px; padding-top: 15px; padding-left: 5px; padding-right: 5px;  font-size: 14px; }

.section_mod-d {
	padding-bottom: 50px;
}
.sblo { height: 60px; }
.prettyPhoto { display: inline-block; width: 100%; text-align:center;}
.img-responsive { margin:auto;}
}

 
@media (max-width: 480px) {
.section_mod-d {
	padding-bottom: 50px;
}
.sblo { height: 60px; }
}