/*------------------------------------------
Document: responsive.css (Style Sheet)
Dated	: 01-Nov-2018
Company	: Axiduez Systems (OPC) Pvt. Ltd.
Purpose	: Mobile Responsiveness for Devices
------------------------------------------------*/




/*__________________________________ DESKTOPS ________________________________________*/

@media (max-width: 1440px) {	

	body {
		border-left: 0px solid orange;
	}
	
	#services {
		padding: 150px 70px 75px 70px;
	}
}

@media (max-width: 1200px) {

	body {
		border-left: 0px solid blue;
	}
	
	.axiname {
		width: 160px;
	}
	
	#about {
		padding:10px 0px 140px 0px;
	}
	
	#services {
		padding: 150px 30px 60px 30px;
	}	
	
	.flex-2set {
		padding-top:80px;
	}
}



/*__________________________________ IPAD/TABLET ________________________________________*/

@media only screen and ( max-width: 991px)
{
	body {
		border-left: 0px solid yellow;
	}
	
	.axiname {
		display:none;
	}
	
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0px;
	}
	
	.nav-link::after {
		padding-left: 7px;
	}
	
	h3 {
		font-family: "OpenSans-Regular";
	}
	
	.skillset {
		padding: 0px 30px;
		text-align: center;
	}
}

@media only screen and ( max-width: 990px)
{
	
}


/*__________________________________ SMART PHONES _______________________________________*/

@media only screen and ( max-width: 767px) 
{
	body {
		border-left: 0px solid green;
	}
	
	.axiname {
		width:auto;
	}
	
	.navbar-dark .navbar-nav .nav-link {
		color: rgba(255, 255, 255, 0.75);
	}
	
	.nav-item:last-child .nav-link::after {
		content: "\002F";
		padding-left:17px;
	}
	
	#about {
		padding: 20px 0px 100px 0px;
	}
	
	.intro-note {
		padding-top:0px;
	}
	
	.craft-paper {
		padding-top:50px;
	}
	
	.tagline {
		right:50px;
	}
	
	.tagline > .webs,
	.tagline > .and	{
		display:block;
	}
	
	#services {
		padding: 110px 30px 80px 30px;
	}
	
	figcaption {
		font-size: 30pt;
	}
	
	.webdev, .ecommerce, .graphics, .digital {
		background-image:none;
		padding: 40px 0px 0px 0px;
		text-align: center;
	}
	
	.webdev img, .ecommerce img, .graphics img, .digital img {
		width:240px; padding-bottom:30px;
	}
	
	.skillset img {
		width:70%;
	}
	
	.flexbox {
		display:block;
		padding:0px 5px;
	}
	
	.groupA, #spokenarabic {
		height:500px;
	}
	
	#healtouch {
		margin-left:5px;
	}
	
	#breton {
		margin-bottom:5px;
	}
	
	.groupB, .splitroom {
		padding:5px 0px 0px 0px;
	}
	
	.groupC {
		padding:0px;
	}
	
	.redweb, .focussing {
		text-align:center;
		display:block;
	}
}



@media only screen and ( max-width: 575px) 
{
	body {
		border-left: 0px solid blue;
	}
	
	h3 {
		font-family: "OpenSans-Regular";
	}
	
	.axiname {
		width: 190px;
	}
	
	.tagline {
		font-size: 34pt;
		right:0px;
		text-align:center;
	}
	
	.tagline > .webs, .tagline > .and {
		padding-right:0px;
	}
	
	.flex-1set, .flex-2set {
		display:block;
		text-align:center;
		padding-top:0px;
	}
	
	#services {
		padding: 110px 0px 80px 0px;
	}
	
	.skillset img {
		width: 100px;
		padding-bottom: 60px;		
	}
	
	.webtech {
		padding-bottom: 40px;
	}
	
	.groupB {
		height:auto;
	}
	
	.splitroom {
		display:block;
	}
	
	#healtouch {
		margin:5px 0px;
	}
	
	.groupD, #madrasa {
		height:500px;
	}
	
	.webdev, .ecommerce, .graphics, .digital {
		background-size: 62%
	}
	
	#technologies {
		padding: 100px 0px 50px 0px;
	}
	
	#zbar {
		top: 50px;
	}
	
	footer {
		padding: 160px 0px 100px 0px;
	}
	
	.enquiry {
		padding:0px 35px;
	}
	
}


/*__________________________________ MINI MOBILES ________________________________________*/


@media only screen and (max-width: 480px) {

	body {
		border-left: 0px;
	}
	
	.logo {
		width: 110px;
	}	
	
	.tagline {
		font-size: 30pt;
	}
	
	p {
		font-size: 12pt;
	}
	
	#about {
		padding: 0px 0px 90px 0px;
	}
	
	.focussing {
		display: none;
	}
	
	.servhead {
		font-size: 35px;
		padding-bottom: 35px;
	}
	
	.enquiry {
		padding:0px 15px;
	}
	
	.copyright {
		font-size: 9pt;
	}
	
	.break-mini {
		float:none; width:auto;
		display:block;
	}
	
	.hide-mini{
		display:none;
	}

}


/*___________________________ TINY DEVICES __________________________*/

@media only screen and (max-width: 400px)
{
	
	p {
		font-size: 11.5pt;
	}
	
	.webdev img, .ecommerce img, .graphics img, .digital img {
		width: 200px; padding-bottom: 0px;
	}
	
	.enquiry {
		padding:0px 5px;
	}
}