@charset "utf-8";
/* CSS Document */
/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575px) {
	.Headintro{ background-image:none; background-color:#057cc7;}
	nav ul li a{ padding:10px 10px;}
	.Hidesm{ display:none;}
	header .Logo{ margin:0 auto;}
	header .Callus{ background:none; }
	header span{ display:inline-block; }
	header .col-md-3{ width:100%; padding-right:0; text-align:center;}
	header .col-md-2{ display:none; padding-right:5px; padding-left:0;}
	header .Lsupporto{ width:100%; display:block; }
	header .Lsupport{ padding:10px 0; float:none; margin:0 auto; text-align:center;}
	header .Lsupport a{ margin:0 20px;}
	/*header .Lsupport a.Sme{ background:url(../img/forum.png) no-repeat 0 50%;}
	header .Lsupport a.Login{ background:url(../img/login.png) no-repeat 0 50%; margin:0 30px;}
	header .Lsupport a.Support{ background:url(../img/support.png) no-repeat 0 50%;}*/

	.Mservice  .col-md-3{ float:left;  width:50%;}
	.Mservice .Listing .col-md-3{ width:100%; padding-left:0; padding-right:5px;}
	.Mservice .Listing .col-md-3 ul li{ padding:0px 2px 0px 10px;}

	.Offer { padding:10px 0; text-align:center; margin-bottom:1.85rem;}
	.Offer span{ background:none; padding:0; display:block;}
	.Whatwedo .Box{margin-top:1rem;}
	.Qcontact{ padding:1px 0;}
	.Qcontact ul li{ display:block; width:100%; text-align:left; padding:0 0 0 30px; }
	.Qcontact ul li:after{ display:none;}
	.Blog .Box .col-md-4, .Blogpg .Blogleft .col-md-4{ width:30%;}
	.Blog .Box .col-md-8, .Blogpg .Blogleft .col-md-8{ width:70%; padding-left:0;}
	.Focuson .Box, .Workpattern p, .Portfolio .Info{ margin:30px 0 0 0; }
	.Packages .Btnlnk{ margin-bottom:50px; }
	.Incfeatures{ margin:0;}
	.Incfeatures .Box img {margin: 35px 0; }
	.Contactaddress .Email ul{ display:block; }
	.Contactaddress .Email ul li{ width:100%; display:block; text-align:center;}
	.Testimonials .Box { text-align:center; }
	.Testimonials .Box .Pic{ margin:0 auto 20px auto; width:100px;}
	.Services .Box .Boxr{ display:none;}
	.Solution  img{ margin:30px 0; }
	.Solution .Even h3, .Solution .Even p strong, footer p{ text-align:left; }
	.Solution .Even a.Lnkbg{ float:none; }
	.Ftop .Social{ float:none; margin:10px 0 0 0; }
	.Workpattern ul li span{ width:50px; height:50px; padding-top:10px; }
	.Workpattern ul li span img{ width:20px; }
	
	
	.Customer ul{ display:block;}
	.Customer ul li{ float:left; width:50%; border:none; border-top:1px solid #d2dff2; }
	
	.Ftop .Fcontact ul li{ float:left; margin:0; padding:0; font-size:14px;}
	.Ftop h4{ font-size:1rem; text-align:center; }
	.Ftop .Quicklinks .col-md-3{ float:left; width:50%;}

	
	
	
	footer p{ margin-top:30px; text-align:center; }
	footer p span.Seperator{ display:block; height:10px; text-indent:-9999px; }
	.Fnav, .Copyright{ overflow:hidden;}
	.Mtop70{ margin-top:20px !important;}
	
	.Sidebar .Requestquote{ margin:30px 0 0 0; }
	
	/* Blog Page */
	.Blogpg .Box h4{ padding:0 35px 10px 0;}
	.Blogpg .Box h4, .Blogpg .Box p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
	.Blogpg .Box img{  }
	
	/* Ecommerce Page */
	.Quotation .AccordionHolder .Accordion-header a{ font-size:22px;}
	.Ecommercepg ul.Expert li{ float:none; width:100%;}
	.Recentproject h3{ font-size:1.2rem; padding:10px 0 10px 50px;}
	.Recentproject .Holder .Info p{ display:none; }
	.Planouter{ margin:20px 0; }
	.Planouter h3.Head{ font-size:2rem; }
	.Recentproject .Holder .Info h4{ text-align:center; font-size:16px; }
	
	/* Seo Page */
	.Seopg ul.Listbg li{ float:none; width:100%; min-height:10px;}
	.Seopg ul.Listbg li.Right{ float:none; }
	
	.Seopg .Fullwidth .Holder{ margin:30px 0 0 0; }
	.Seopg .Pic{ display:none; }
	
	/* Tourism Page */
	.Tholiday ul.Listbg li{ float:none; width:100%; min-height:10px;}
	.Tholiday ul.Listbg li.Right{ float:none; }
	
	.Midcontact .Discuss p, .Midcontact .Needhelp p{ font-size:15px; }
	
	.Hosting table td{ padding:10px 2px !important; }
	.Hosting table tr th.Title, .Hosting table tr td.Title{ font-size:11px !important; background:#e6e6e6; width:160px !important; }
	
	
	
	
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) { 
	.Inside{ max-height:100% !important; overflow-y:scroll; margin-top:0;}
	.Inside .CloseBtn{position: absolute; top: -4px; right: 0; background: #fff; padding: 5px; border-radius: 50%; left: 0; margin: 0 auto;} 
	.Inside .Lcol h2{ font-size:30px; margin-top:15px;}
	
	nav ul{ text-align:center; }
	
	nav ul li.BorderNav a{ margin:0 0 0 5px !important;}
	nav ul li.BorderNav a img{ max-width:90px !important;}
	
	.OurWorks .owl-prev{ left:0 !important; }
	.OurWorks .owl-next{ right:-14px !important; }
	
	.MobileAppDesign .DownloadMobileApp .HeadingText{ padding:0 !important; font-size:26px !important; text-align:center;}
	.MobileAppDesign .DownloadMobileApp .HeadingText:before{ display:none !important; }
	.MobileAppDesign .DownloadMobileApp ul li{ width:100%; }
	.MobileAppDesign .DownloadMobileApp ul li, .MobileAppDesign .DownloadMobileApp ul li.Android{ margin:20px 0 0 0 !important; }
	.MobileAppDesign .DownloadMobileApp ul li.Android span{ padding:30px 0 30px 90px !important;}
	
	.MobileFrame{ margin:30px 0 0 0; }
	.MobileAppDesign .SignUpHolder h2{ background:none !important; }
 
	
	
}


/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) { ... }


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) { ... }


/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 575px) { ... }


/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 767px) {
	img.ImgRight{ float:right; margin:0 0 0 30px; }	
	
}


/*Medium devices (tablets, less than 992px)*/
@media (min-width: 991px) { 
	nav ul{ display:table; width:100%;}
	nav ul li{ float:none; display:table-cell; text-align:center;}
}


/*Large devices (desktops, less than 1200px)*/
@media (min-width: 1199px) { ... }

@media (min-width: 576px) and (max-width: 767px) {
		header .col-md-5{ width:100%; }
		header .col-md-5 .Logo{ width:100px; margin:0 auto; }
		header .col-md-3{ width:40%;}
		header .col-md-2{ width:30%;}
		header .Lsupporto{ width:30%;}
		.Ftop .Fcontact .col-md-9{ width:60%;}
		.Ftop .Fcontact .col-md-3{ width:40%; }
		.Quicklinks .col-md-4{ width:30%;}
		footer .col-md-7{ width:48%; padding:0;}
		footer .col-md-5{ width:52%; padding:0;}
		footer ul li{ padding:0 5px; background:none;}
		footer .col-md-5 p{ width:100%; text-align:center;}
		.Ftop .Social{ margin-top:15px;}	 
		.Offer{ margin-bottom:30px;}
		.Offer span{ padding:19px 0px 19px 50px; }
		.Focuson .Box{ margin-top:30px; }
		.Packages .Btnlnk{ margin-bottom:40px; }
		.Incfeatures{ margin:0 !important; }
		.Solution .Box .col-md-3{ width:50%;}
		.Solution .Even p strong{ text-align:left; }
		.Solution .Even a.Lnkbg{ float:none; }
		.Whatwedo .Box{ margin:25px 0 0 0; }
		.Mservice .col-md-4{ width:33%; padding:0; }
		.Qcontact{ padding:1px 0;}
		.Qcontact ul li{ display:block; width:100%; text-align:left; padding:0 0 0 30px; }
		.Qcontact ul li:after{ display:none;}
}

@media (min-width: 600px) and (max-width: 991px) { 
	header .col-md-5{ width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	header .col-md-5 .Logo{ width:300px; margin:0 auto; }
	header .col-md-2{ width:30%; -ms-flex: 0 0 100%; flex: 0 0 30%; max-width: 100%; padding:0;}
	header .Lsupporto{ width:40%; -ms-flex: 0 0 100%; flex: 0 0 40%; max-width: 100%; padding:0;}
	.Sociallnk{ text-align:center; }

	.Qcontact ul li:nth-child(1){ width:35%;}
	.Qcontact ul li:nth-child(2){ width:30%}
	.Qcontact ul li:nth-child(3){ width:30%;}

	.Support .Box a{ position:relative; left:-70px; width:150px;}
	.Support .Box p strong{ font-size:1rem; }
	.Packages .Btnlnk a{ margin:1rem 0; }

	.Workpattern ul li span { width:60px; height:60px; padding:10px 0 0 0;}
	.Workpattern ul li span img{ width:25px;}
	
	
	/* Tourism Page */
	.Plan .Box{ padding:0.9375rem}
	.Plan .Box .Topinfo .Cost{ float:none; margin:0 auto;}
	.Plan .Box .Topinfo{ text-align:center; }
	
	.Midcontact h2.Head{ font-size:20px;}
	.Midcontact .Discuss p, .Midcontact .Needhelp p{ font-size:16px; text-align:left;}
	
	.Discuss, .Needhelp{ min-height:145px; }
	
	
 }