/* CSS Document */
.clear{width:100%;
clear:both;}

[class*="cols-"] {
    float: left;
	width: 100%;
}
[class*="global-"] {
    margin:auto;
	width: 100%;
}



 /* Media Query for Mobile Devices */
@media all and (max-width: 480px) {
    .fz-smm{font-size:8px;}
	.fz-sm{font-size:10px;}
	.fz1{font-size:11px;}
	.fz2{font-size:12px;}
	.fz3{font-size:13px;}
	.fz4{font-size:14px;}
	.fz5{font-size:16px;}
	.fz6{font-size:18px;}
	.fzbig{font-size:20px;}
			
	.cols-s-0 {width: 0%;}
	.cols-s-1 {width: 5%;}
    .cols-s-2 {width: 10%;}
    .cols-s-3 {width: 15%;}
    .cols-s-4 {width: 20%;}
    .cols-s-5 {width: 25%;}
    .cols-s-6 {width: 30%;}
    .cols-s-7 {width: 35%;}
    .cols-s-8 {width: 40%;}
    .cols-s-9 {width: 45%;}
    .cols-s-10 {width: 50%;}
    .cols-s-11 {width: 55%;}
    .cols-s-12 {width: 60%;}
	.cols-s-13 {width: 65%;}
	.cols-s-14 {width: 70%;}
	.cols-s-15 {width: 75%;}
	.cols-s-16 {width: 80%;}
	.cols-s-17 {width: 85%;}
	.cols-s-18 {width: 90%;}
	.cols-s-19 {width: 95%;}
	.cols-s-20 {width: 100%;}

	.global-s-0 {width: 50%;}
	.global-s-1 {width: 55%;}
    .global-s-2 {width: 60%;}
    .global-s-3 {width: 65%;}
    .global-s-4 {width: 70%;}
    .global-s-5 {width: 75%;}
    .global-s-6 {width: 80%;}
    .global-s-7 {width: 85%;}
    .global-s-8 {width: 90%;}
    .global-s-9 {width: 95%;}
    .global-s-10 {width: 100%;}

	
	.mga1{margin-top:5%;}
	.mga2{margin-top:10%;}
	.mga3{margin-top:15%;}
	.mga4{margin-top:20%;}
	.mga5{margin-top:25%;}
	
		
	.pda1{padding-top:5px;}
	.pda2{padding-top:10px;}
	.pda3{padding-top:15px;}
	.pda4{padding-top:20px;}
	.pda5{padding-top:25px;}
	
	
	.pdb1{padding-bottom:5px;}
	.pdb2{padding-bottom:10px;}
	.pdb3{padding-bottom:15px;}
	.pdb4{padding-bottom:20px;}
	.pdb5{padding-bottom:25px;}
	
	.pdl1{padding-left:5px;}
	.pdl2{padding-left:10px;}
	.pdl3{padding-left:15px;}
	.pdl4{padding-left:20px;}
	.pdl5{padding-left:25px;}
	
	.pdr1{padding-right:5px;}
	.pdr2{padding-right:10px;}
	.pdr3{padding-right:15px;}
	.pdr4{padding-right:20px;}
	.pdr5{padding-right:25px;}

			
	.lh1{line-height:15px;}
	.lh2{line-height:20px;}
	.lh3{line-height:25px;}
	.lh4{line-height:30px;}
	.lh5{line-height:35px;}

	
	.ta1{text-align:left;}
	.ta2{text-align: center;}
	.ta3{text-align: justify;}
	
	.con-cen {margin-left:auto;
	margin-right:auto;}
		
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}
}
          
        /* Media Query for low resolution  Tablets, Ipads */
@media all and (min-width: 481px) and (max-width: 767px) {
    .fz-smm{font-size:8px;}
	.fz-sm{font-size:10px;}
	.fz1{font-size:11px;}
	.fz2{font-size:12px;}
	.fz3{font-size:13px;}
	.fz4{font-size:14px;}
	.fz5{font-size:16px;}
	.fz6{font-size:18px;}
	.fzbig{font-size:20px;}
			
	.cols-sm-0 {width: 0%;}
	.cols-sm-1 {width: 5%;}
    .cols-sm-2 {width: 10%;}
    .cols-sm-3 {width: 15%;}
    .cols-sm-4 {width: 20%;}
    .cols-sm-5 {width: 25%;}
    .cols-sm-6 {width: 30%;}
    .cols-sm-7 {width: 35%;}
    .cols-sm-8 {width: 40%;}
    .cols-sm-9 {width: 45%;}
    .cols-sm-10 {width: 50%;}
    .cols-sm-11 {width: 55%;}
    .cols-sm-12 {width: 60%;}
	.cols-sm-13 {width: 65%;}
	.cols-sm-14 {width: 70%;}
	.cols-sm-15 {width: 75%;}
	.cols-sm-16 {width: 80%;}
	.cols-sm-17 {width: 85%;}
	.cols-sm-18 {width: 90%;}
	.cols-sm-19 {width: 95%;}
	.cols-sm-20 {width: 100%;}

    .global-sm-0 {width: 50%;}
	.global-sm-1 {width: 55%;}
    .global-sm-2 {width: 60%;}
    .global-sm-3 {width: 65%;}
    .global-sm-4 {width: 70%;}
    .global-sm-5 {width: 75%;}
    .global-sm-6 {width: 80%;}
    .global-sm-7 {width: 85%;}
    .global-sm-8 {width: 90%;}
    .global-sm-9 {width: 95%;}
    .global-sm-10 {width: 100%;}
	
	
	.mga1{margin-top:5%;}
	.mga2{margin-top:10%;}
	.mga3{margin-top:15%;}
	.mga4{margin-top:20%;}
	.mga5{margin-top:25%;}	
	
	.pda1{padding-top:5px;}
	.pda2{padding-top:10px;}
	.pda3{padding-top:15px;}
	.pda4{padding-top:20px;}
	.pda5{padding-top:25px;}
	
	
	.pdb1{padding-bottom:5px;}
	.pdb2{padding-bottom:10px;}
	.pdb3{padding-bottom:15px;}
	.pdb4{padding-bottom:20px;}
	.pdb5{padding-bottom:25px;}
	
	.pdl1{padding-left:5px;}
	.pdl2{padding-left:10px;}
	.pdl3{padding-left:15px;}
	.pdl4{padding-left:20px;}
	.pdl5{padding-left:25px;}
	
	.pdr1{padding-right:5px;}
	.pdr2{padding-right:10px;}
	.pdr3{padding-right:15px;}
	.pdr4{padding-right:20px;}
	.pdr5{padding-right:25px;}
			
	.lh1{line-height:15px;}
	.lh2{line-height:20px;}
	.lh3{line-height:25px;}
	.lh4{line-height:30px;}
	.lh5{line-height:35px;}

	
	.ta1{text-align:left;}
	.ta2{text-align: center;}
	.ta3{text-align: justify;}
	
	.con-cen {margin-left:auto;
	margin-right:auto;}
		
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}
}
          
        /* Media Query for Tablets Ipads portrait mode */
@media all and (min-width: 768px) and (max-width: 1024px){
    .fz-smm{font-size:8px;}
	.fz-sm{font-size:10px;}
	.fz1{font-size:11px;}
	.fz2{font-size:12px;}
	.fz3{font-size:13px;}
	.fz4{font-size:14px;}
	.fz5{font-size:16px;}
	.fz6{font-size:18px;}
	.fzbig{font-size:20px;}
			
	.cols-m-0 {width: 0%;}
	.cols-m-1 {width: 5%;}
    .cols-m-2 {width: 10%;}
    .cols-m-3 {width: 15%;}
    .cols-m-4 {width: 20%;}
    .cols-m-5 {width: 25%;}
    .cols-m-6 {width: 30%;}
    .cols-m-7 {width: 35%;}
    .cols-m-8 {width: 40%;}
    .cols-m-9 {width: 45%;}
    .cols-m-10 {width: 50%;}
    .cols-m-11 {width: 55%;}
    .cols-m-12 {width: 60%;}
	.cols-m-13 {width: 65%;}
	.cols-m-14 {width: 70%;}
	.cols-m-15 {width: 75%;}
	.cols-m-16 {width: 80%;}
	.cols-m-17 {width: 85%;}
	.cols-m-18 {width: 90%;}
	.cols-m-19 {width: 95%;}
	.cols-m-20 {width: 100%;}

    .global-m-0 {width: 50%;}
	.global-m-1 {width: 55%;}
    .global-m-2 {width: 60%;}
    .global-m-3 {width: 65%;}
    .global-m-4 {width: 70%;}
    .global-m-5 {width: 75%;}
    .global-m-6 {width: 80%;}
    .global-m-7 {width: 85%;}
    .global-m-8 {width: 90%;}
    .global-m-9 {width: 95%;}
    .global-m-10 {width: 100%;}	
	
	
	.mga1{margin-top:5%;}
	.mga2{margin-top:10%;}
	.mga3{margin-top:15%;}
	.mga4{margin-top:20%;}
	.mga5{margin-top:25%;}
	
	.pda1{padding-top:10px;}
	.pda2{padding-top:15px;}
	.pda3{padding-top:20px;}
	.pda4{padding-top:25px;}
	.pda5{padding-top:30px;}
	
	
	.pdb1{padding-bottom:10px;}
	.pdb2{padding-bottom:15px;}
	.pdb3{padding-bottom:20px;}
	.pdb4{padding-bottom:25px;}
	.pdb5{padding-bottom:30px;}
	
	.pdl1{padding-left:10px;}
	.pdl2{padding-left:15px;}
	.pdl3{padding-left:20px;}
	.pdl4{padding-left:25px;}
	.pdl5{padding-left:30px;}
	
	.pdr1{padding-right:10px;}
	.pdr2{padding-right:15px;}
	.pdr3{padding-right:20px;}
	.pdr4{padding-right:25px;}
	.pdr5{padding-right:30px;}
			
	.lh1{line-height:15px;}
	.lh2{line-height:20px;}
	.lh3{line-height:25px;}
	.lh4{line-height:30px;}
	.lh5{line-height:35px;}

	
	.ta1{text-align:left;}
	.ta2{text-align: center;}
	.ta3{text-align: justify;}
	
	.con-cen {margin-left:auto;
	margin-right:auto;}
		
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}
}
          
        /* Media Query for Laptops and Desktops */
@media all and (min-width: 1025px) and (max-width: 1280px){
    .fz-smm{font-size:8px;}
	.fz-sm{font-size:10px;}
	.fz1{font-size:12px;}
	.fz2{font-size:13px;}
	.fz3{font-size:14px;}
	.fz4{font-size:16px;}
	.fz5{font-size:18px;}
	.fz6{font-size:20px;}
	.fzbig{font-size:24px;}
			
	.cols-l-0 {width: 0%;}
	.cols-l-1 {width: 5%;}
    .cols-l-2 {width: 10%;}
    .cols-l-3 {width: 15%;}
    .cols-l-4 {width: 20%;}
    .cols-l-5 {width: 25%;}
    .cols-l-6 {width: 30%;}
    .cols-l-7 {width: 35%;}
    .cols-l-8 {width: 40%;}
    .cols-l-9 {width: 45%;}
    .cols-l-10 {width: 50%;}
    .cols-l-11 {width: 55%;}
    .cols-l-12 {width: 60%;}
	.cols-l-13 {width: 65%;}
	.cols-l-14 {width: 70%;}
	.cols-l-15 {width: 75%;}
	.cols-l-16 {width: 80%;}
	.cols-l-17 {width: 85%;}
	.cols-l-18 {width: 90%;}
	.cols-l-19 {width: 95%;}
	.cols-l-20 {width: 100%;}
	
	.global-l-0 {width: 50%;}
	.global-l-1 {width: 55%;}
    .global-l-2 {width: 60%;}
    .global-l-3 {width: 65%;}
    .global-l-4 {width: 70%;}
    .global-l-5 {width: 75%;}
    .global-l-6 {width: 80%;}
    .global-l-7 {width: 85%;}
    .global-l-8 {width: 90%;}
    .global-l-9 {width: 95%;}
    .global-l-10 {width: 100%;}
	
	
	.mga1{margin-top:5%;}
	.mga2{margin-top:10%;}
	.mga3{margin-top:15%;}
	.mga4{margin-top:20%;}
	.mga5{margin-top:25%;}
	
	.pda10{padding-top:10px;}
	.pda15{padding-top:15px;}
	.pda20{padding-top:20px;}
	.pda25{padding-top:25px;}
	.pda30{padding-top:30px;}
	
	
	.pda1{padding-top:10px;}
	.pda2{padding-top:15px;}
	.pda3{padding-top:20px;}
	.pda4{padding-top:25px;}
	.pda5{padding-top:30px;}
	
	
	.pdb1{padding-bottom:10px;}
	.pdb2{padding-bottom:15px;}
	.pdb3{padding-bottom:20px;}
	.pdb4{padding-bottom:25px;}
	.pdb5{padding-bottom:30px;}
	
	.pdl1{padding-left:10px;}
	.pdl2{padding-left:15px;}
	.pdl3{padding-left:20px;}
	.pdl4{padding-left:25px;}
	.pdl5{padding-left:30px;}
	
	.pdr1{padding-right:10px;}
	.pdr2{padding-right:15px;}
	.pdr3{padding-right:20px;}
	.pdr4{padding-right:25px;}
	.pdr5{padding-right:30px;}
			
	.lh1{line-height:15px;}
	.lh2{line-height:20px;}
	.lh3{line-height:25px;}
	.lh4{line-height:30px;}
	.lh5{line-height:35px;}

	
	.ta1{text-align:left;}
	.ta2{text-align: center;}
	.ta3{text-align: justify;}
	
	.con-cen {margin-left:auto;
	margin-right:auto;}
		
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}
}
          
        /* Media Query for Large screens */
@media all and (min-width: 1281px) {
    .fz-smm{font-size:8px;}
	.fz-sm{font-size:10px;}
	.fz1{font-size:12px;}
	.fz2{font-size:13px;}
	.fz3{font-size:14px;}
	.fz4{font-size:16px;}
	.fz5{font-size:18px;}
	.fz6{font-size:20px;}
	.fzbig{font-size:24px;}
			
	.cols-xl-0 {width: 0%;}
	.cols-xl-1 {width: 5%;}
    .cols-xl-2 {width: 10%;}
    .cols-xl-3 {width: 15%;}
    .cols-xl-4 {width: 20%;}
    .cols-xl-5 {width: 25%;}
    .cols-xl-6 {width: 30%;}
    .cols-xl-7 {width: 35%;}
    .cols-xl-8 {width: 40%;}
    .cols-xl-9 {width: 45%;}
    .cols-xl-10 {width: 50%;}
    .cols-xl-11 {width: 55%;}
    .cols-xl-12 {width: 60%;}
	.cols-xl-13 {width: 65%;}
	.cols-xl-14 {width: 70%;}
	.cols-xl-15 {width: 75%;}
	.cols-xl-16 {width: 80%;}
	.cols-xl-17 {width: 85%;}
	.cols-xl-18 {width: 90%;}
	.cols-xl-19 {width: 95%;}
	.cols-xl-20 {width: 100%;}
	
	.global-xl-0 {width: 50%;}
	.global-xl-1 {width: 55%;}
    .global-xl-2 {width: 60%;}
    .global-xl-3 {width: 65%;}
    .global-xl-4 {width: 70%;}
    .global-xl-5 {width: 75%;}
    .global-xl-6 {width: 80%;}
    .global-xl-7 {width: 85%;}
    .global-xl-8 {width: 90%;}
    .global-xl-9 {width: 95%;}
    .global-xl-10 {width: 100%;}
	
	.mga1{margin-top:5%;}
	.mga2{margin-top:10%;}
	.mga3{margin-top:15%;}
	.mga4{margin-top:20%;}
	.mga5{margin-top:25%;}	
	
	.pda1{padding-top:10px;}
	.pda2{padding-top:15px;}
	.pda3{padding-top:20px;}
	.pda4{padding-top:25px;}
	.pda5{padding-top:30px;}
	
	
	.pdb1{padding-bottom:10px;}
	.pdb2{padding-bottom:15px;}
	.pdb3{padding-bottom:20px;}
	.pdb4{padding-bottom:25px;}
	.pdb5{padding-bottom:30px;}
	
	.pdl1{padding-left:10px;}
	.pdl2{padding-left:15px;}
	.pdl3{padding-left:20px;}
	.pdl4{padding-left:25px;}
	.pdl5{padding-left:30px;}
	
	.pdr1{padding-right:10px;}
	.pdr2{padding-right:15px;}
	.pdr3{padding-right:20px;}
	.pdr4{padding-right:25px;}
	.pdr5{padding-right:30px;}
			
	.lh1{line-height:15px;}
	.lh2{line-height:20px;}
	.lh3{line-height:25px;}
	.lh4{line-height:30px;}
	.lh5{line-height:35px;}

	
	.ta1{text-align:left;}
	.ta2{text-align: center;}
	.ta3{text-align: justify;}
	

	
	#dekstop{display:none;}
    #mobile{display:block;}
}
		
 /* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
	  
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
	  
	.container{width:100%;
	margin-left:auto;
	margin-right:auto;
	border:0px dashed #FF0000;}
	
	#dekstop{display:none;}
    #mobile{display:block;}

}