
/*********************** Mobile Grid Custom CODE COMPILLED  ************************/
/************************************************************************************
**   01 - 980px
**   02 - 700 To 980
**   03 - Upto 700
************************************************************************************/

/************************************************************************************/
/* 980px Begin **********************************************************************/
/************************************************************************************/

@media only screen and (min-width: 980px) and (orientation:landscape){
	
	
	
	.container { width:980px !important; min-width:980px !important; max-width:980px !important; margin:0 auto; padding:0px !important;  }
	.row {width:100% !important; min-width:100% !important; max-width:100% !important; }
	
			
	
	.hide-on-phones { display: block !important; }
	.hide-on-tablets { display: block !important; }
	.hide-on-desktops { display: none !important; }
			
	.show-on-phones { display: none !important; }
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: block !important; }
	


}

/************************************************************************************/
/* 980px Ends ***********************************************************************/
/************************************************************************************/





/************************************************************************************/
/* 700 To 980 Begin *****************************************************************/
/************************************************************************************/

@media only screen and (min-width: 700px) and (max-width: 979px) {
	
	
	  
	.container, footer { width:96% !important; min-width:none; max-width:none; margin:0 auto; padding:0px;    }
	
	footer .container {width:100% !important;}
	.row  {width:100%; min-width:100%; max-width:100%; }
	 
	.hide-on-phones { display: block !important; }
	.hide-on-tablets { display: none !important; }
	.hide-on-desktops { display: block !important; }
	
	.show-on-phones { display: none !important; }
	.show-on-tablets { display: block !important; }
	.show-on-desktops { display: none !important; }
	
	
	


}

/************************************************************************************/
/* 700 To 980 Ends ******************************************************************/
/************************************************************************************/





/************************************************************************************/
/* Upto 700 Begin *******************************************************************/
/************************************************************************************/

@media only screen and (max-width: 700px) {
	
	
	
	.container, footer { width:96% !important; min-width:none; max-width:none; margin:0 auto; padding:0px;    }
	
	footer .container {width:100% !important;}
	.row  {width:100%; min-width:100%; max-width:100%; }
	 
	.hide-on-phones { display: none !important; }
	.hide-on-tablets { display: block !important; }
	.hide-on-desktops { display: block !important; }
			
	.show-on-phones { display: block !important; }
	.show-on-tablets { display: none !important; }
	.show-on-desktops { display: none !important; }
	
	
	h1.color-dark.fw-light.mar-b-20.mar-t-0 { margin-top:20px;   padding-top:10px;}
	
	/******************************* Grid Start *********************************/
	
	.row .phone-one 				{ width: 21.70%;}
	.row .phone-two 				{ width: 47.80%;}
	.row .phone-three 				{ width: 73.90%;}
	.row .phone-four 				{ width: 100%;margin:0 auto;}
	
	
	.row .phone-offset-by-one 			{ margin-left: 26.10%;}
	.row .phone-offset-by-two 			{ margin-left: 52.20%;}
	
	
	.row .phone-offset-by-one:first-child 	{ margin-left: 30.50%;}
	.row .phone-offset-by-two:first-child 	{ margin-left: 56.60%;}
	
	/* Source Ordering */
	.row .phone-push-two				{ left: 52.20%;}
	.row .phone-pull-two				{ right: 52.20%;}
	
	/******************************* Grid Ends **********************************/


}

/************************************************************************************/
/* Upto 700 Ends ********************************************************************/
/************************************************************************************/





 


