@charset "utf-8";




@media screen and (max-width:1020px){
	.headerTwo .logo p { font-size: 30px; }
	.headerTwo .logo a img { max-width: 340px; }
}

@media screen and (max-width:991px){
	
	body { padding-top: 98px; }
	.footer_box { margin-bottom:25px;}
	.padd { padding-bottom:0px; }
	.services p { font-size:13px; padding:10px;}
	
	.headerTwo .logo p { font-size: 25px; }
	.headerTwo .nav ul li a { padding: 10px 9px; font-size: 12px; }
	.logo { padding: 15px 0px; display: flex; align-items: center; }
	.headerTwo .nav { padding-top: 22px; }
	
	.headerTwo .logo a img { max-width: 300px; }
	.logo { height: 80px; }
	
	.baseWeb:after { opacity: 0; }
	.baseWeb:before { opacity: 0;}
	
}



@media screen and (max-width:880px){
	.padd { padding-bottom:22px; }
	.item h1 { font-size: 35px;}
	
	.aboutus { padding: 60px 0px; }
	.headerTwo .logo a img { max-width: 235px; }
}


@media screen and (max-width:767px){
	.headerTwo .navbar-toggle { top:9px;}
	.headerTwo .navbar-toggle .icon-bar { background: #555;}
	.headerTwo .logo{ height: 70px; }
	.headerTwo .logo a img { max-width: 232px; }
	.headerTwo .nav { padding-top: 0px; width: 100%;}
	.headerTwo .nav ul{ margin-top:20px; border-top:1px solid #ddd;}
    .headerTwo .nav ul li { padding: 10px 0 !important; width: 100%; border-bottom:1px solid #f2f2f2; text-align:left;}
	.headerTwo .nav ul li a { padding:10px; font-size:13px; }
	.headerTwo .headertwo .logo { padding:20px 0px;}
	
	.headerTwo .header_pad{ text-align:center;}
	.headerTwo .headertext { border-right:none; float:none !important; text-align:center; display:inline-block; padding:0px 5px; vertical-align:top; 
	margin:0px;}
	.headerTwo .icon { float:none; padding:10px 0 0 0px;}
	.team_img { display:none;}
	.item h1 { font-size:35px;}
	
	.services { margin-bottom:20px;}
	.about_text { margin-bottom:20px;}
	.our_project { padding: 40px 0px; }
	.bannerBox { padding: 15px 25px; }
	.item h1 { font-size:30px;}
	
	.navbar-toggle .icon-bar {  }
	.navbar-toggle { margin-right: 0px; }
	.headerTwo .navbar-toggle .icon-bar { background: #5a1b23; }
	
	.aboutus { padding: 40px 0px; }
	
	.headerTwo .nav ul.dropdown-menu { position: relative; width: 100%;  }
	.headerTwo .nav ul.dropdown-menu li { padding: 7px 0 !important; }
	.headerTwo .nav ul.dropdown-menu li { background-color:#eee; }
	
	.bannerBox { text-align:center; max-width: 400px; margin: 0 auto; float: none; } 
	.slide_pad p { margin: 15px 0px !important; font-size: 16px; }
	
	.headerTwo.navbar-fixed-top { position: relative; }
	
	.contactNo a { margin-left: 0px; }
	body { padding-top: 0px; }
	
	.motto { font-size: 24px; padding: 0 20px; }
	
	.productHead { font-size: 22px; padding: 10px 15px; }
	.about_text { margin-right: -5px; margin-left: -5px; }
	
	
}


@media screen and (max-width:500px){
	.creative_services h2 { width:100%;}
	.services_heading a { text-align:left; width:100%;}
	.services_heading h2 { font-size:25px;}

	
	.full_wid { width:50%;}
	
	.productsList .item .project_logo p { font-size: 13px; }
	.productsList .item .project_logo { margin: 0 5px; }
	.productsList .item { margin-bottom: 10px; }
	
	.item h1 { font-size:25px;}
	.aboutBanner .item1 { min-height: 250px !important; }
	.aboutBanner .item .container { min-height: 250px !important; }
	.headerTwo .logo { height: 68px; }
	.logo img { max-width: 232px; }
	.headerTwo .logo p { margin: 0px; padding: 0 0 0 6px; }
	
	.navbar-toggle .icon-bar { width: 18px; }
	.headerTwo .navbar-toggle { top: 8px; }
	.navbar-toggle { margin-right: 0px; }
	.headerTwo .navbar-toggle .icon-bar { background: #5a1b23; }
	
	.footer { padding: 40px 0px 10px 0px; }
	.footer_box h3 { margin-bottom: 10px; }
	
	.fotter_bottom .footer_logo, .fotter_bottom .footer_text { width: 100%; text-align: center; }
	.fotter_bottom .footer_text { padding-top:8px; }
	.fotter_bottom .footer_text p { margin-bottom: 0px; }
	.fotter_bottom .footer_text p a { color:#fff; }
	.shopLicences span { display: block; margin-right: 0px; }
	.shopLicences span b { min-width: 65px; display: inline-block; }
	p.addressOfficehead { opacity: 0.85; }
	
	.contactOne .contact { padding: 30px 0px; }
	
	.productHead { font-size: 18px; padding: 10px 15px; }
	.item.productListImage .project_logo p { font-size: 13px; }
	
}


@media screen and (max-width:400px){
	
	.our_img { width:50%;}
	.aboutBanner .item1 { min-height: 200px !important; }
	.aboutBanner .item .container { min-height: 200px !important; }
	

}