.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
 
@media (min-width: 480px) {
  .col-ms-1,
  .col-ms-2,
  .col-ms-3,
  .col-ms-4,
  .col-ms-5,
  .col-ms-6,
  .col-ms-7,
  .col-ms-8,
  .col-ms-9,
  .col-ms-10,
  .col-ms-11 {
    float: left; }
 
  .col-ms-1 {
    width: 8.33333%; }
 
  .col-ms-2 {
    width: 16.66667%; }
 
  .col-ms-3 {
    width: 25%; }
 
  .col-ms-4 {
    width: 33.33333%; }
 
  .col-ms-5 {
    width: 41.66667%; }
 
  .col-ms-6 {
    width: 50%; }
 
  .col-ms-7 {
    width: 58.33333%; }
 
  .col-ms-8 {
    width: 66.66667%; }
 
  .col-ms-9 {
    width: 75%; }
 
  .col-ms-10 {
    width: 83.33333%; }
 
  .col-ms-11 {
    width: 91.66667%; }
 
  .col-ms-12 {
    width: 100%; }
 
  .col-ms-push-1 {
    left: 8.33333%; }
 
  .col-ms-push-2 {
    left: 16.66667%; }
 
  .col-ms-push-3 {
    left: 25%; }
 
  .col-ms-push-4 {
    left: 33.33333%; }
 
  .col-ms-push-5 {
    left: 41.66667%; }
 
  .col-ms-push-6 {
    left: 50%; }
 
  .col-ms-push-7 {
    left: 58.33333%; }
 
  .col-ms-push-8 {
    left: 66.66667%; }
 
  .col-ms-push-9 {
    left: 75%; }
 
  .col-ms-push-10 {
    left: 83.33333%; }
 
  .col-ms-push-11 {
    left: 91.66667%; }
 
  .col-ms-pull-1 {
    right: 8.33333%; }
 
  .col-ms-pull-2 {
    right: 16.66667%; }
 
  .col-ms-pull-3 {
    right: 25%; }
 
  .col-ms-pull-4 {
    right: 33.33333%; }
 
  .col-ms-pull-5 {
    right: 41.66667%; }
 
  .col-ms-pull-6 {
    right: 50%; }
 
  .col-ms-pull-7 {
    right: 58.33333%; }
 
  .col-ms-pull-8 {
    right: 66.66667%; }
 
  .col-ms-pull-9 {
    right: 75%; }
 
  .col-ms-pull-10 {
    right: 83.33333%; }
 
  .col-ms-pull-11 {
    right: 91.66667%; }
 
  .col-ms-offset-1 {
    margin-left: 8.33333%; }
 
  .col-ms-offset-2 {
    margin-left: 16.66667%; }
 
  .col-ms-offset-3 {
    margin-left: 25%; }
 
  .col-ms-offset-4 {
    margin-left: 33.33333%; }
 
  .col-ms-offset-5 {
    margin-left: 41.66667%; }
 
  .col-ms-offset-6 {
    margin-left: 50%; }
 
  .col-ms-offset-7 {
    margin-left: 58.33333%; }
 
  .col-ms-offset-8 {
    margin-left: 66.66667%; }
 
  .col-ms-offset-9 {
    margin-left: 75%; }
 
  .col-ms-offset-10 {
    margin-left: 83.33333%; }
 
  .col-ms-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; } }
	
	
	

/*------------------------------------------------------------- 
               Right aligned depending size
---------------------------------------------------------------*/

.pull-right-not-xs, .pull-right-not-ms, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg {
    float: right;
}

.pull-left-not-xs, .pull-left-not-ms, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 480px) { 
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }

}

@media (min-width: 481px) and (max-width: 767px) {    
    .pull-right-not-ms, .pull-left-not-ms{
        float: none;
    }
    .pull-right-ms {
        float: right;
    }
    .pull-left-ms {
        float: left;
    }
	.pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
	.pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
	.pull-right-not-ms, .pull-left-not-ms{
        float: none;
    }
	.pull-right-ms {
        float: right;
    }
    .pull-left-ms {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
	.pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
	.pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
	.pull-right-not-md, .pull-left-not-md{
        float: none;
    }
	.pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}	


/*------------------------------------------------------------- 
              Visible
---------------------------------------------------------------*/



	.visible-1200 {
		display: block !important;
	}
	.inline-visible-1200 {
		display: inline-block !important;
	}
	.inline-visible-991, .visible-991 {
		display: none !important;
	}
	.inline-visible-767, .visible-767 {
		display: none !important;
	}
	.inline-visible-767, .visible-580 {
		display: none !important;
	}
	.inline-visible-767, .visible-480 {
		display: none !important;
	}
	.inline-visible-767, .visible-380 {
		display: none !important;
	}
	.inline-visible-767, .visible-320 {
		display: none !important;
	}


/***
	From  Up To Larger Devices
***/

@media  (max-width: 1200px) {
	
	.hidden-1200 {
		display: none !important;
	}
	
	.visible-1200 {
		display: block !important;
	}

	.inline-visible-1200 {
		display: inline-block !important;
	}
	
	span.visible-1200, a.visible-1200  {
		display: inline-block !important;
	}
	
	.inline-visible-991, .visible-991 {
		display: none !important;
	}
	.inline-visible-767, .visible-767 {
		display: none !important;
	}
	.inline-visible-580, .visible-580 {
		display: none !important;
	}
	.inline-visible-480, .visible-480 {
		display: none !important;
	}
	
	.inline-visible-380, .visible-380 {
		display: none !important;
	}
	
	.inline-visible-320, .visible-320 {
		display: none !important;
	}
	
}




@media  (max-width: 991px) { 


	.hidden-991 {
		display: none !important;
	}
	
		
	.visible-991 {
		display: block !important;
	}
	
	span.visible-991, a.visible-991  {
		display: inline-block !important;
	}
	
	.inline-visible-991 {
		display: inline-block !important;
	}
	
	.inline-visible-767, .visible-767 {
		display: none !important;
	}
	.inline-visible-580, .visible-580 {
		display: none !important;
	}
	.inline-visible-480, .visible-480 {
		display: none !important;
	}
	.inline-visible-380, .visible-380 {
		display: none !important;
	}
	.inline-visible-320, .visible-320 {
		display: none !important;
	}
	
	
	
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* Extra Small Devices, Phones */

@media  (max-width: 768px) {



	.hidden-767 {
			display: none !important;
	}
	
	.visible-767 {
			display: block !important;
	}
		
	span.visible-767, a.visible-767  {
		display: inline-block !important;
	}
	
	.inline-visible-767 {
		display: inline-block !important;
	}
	
	.inline-visible-767, .visible-580 {
		display: none !important;
	}
	.inline-visible-767, .visible-480 {
		display: none !important;
	}
	
	.inline-visible-767, .visible-380 {
		display: none !important;
	}	
	
	.inline-visible-767, .visible-320 {
		display: none !important;
	}

		
	
}


@media  (max-width: 580px) {


	.visible-580 {
			display: block !important;
		}
	span.visible-580, a.visible-580  {
		display: inline-block !important;
	}
	
	.hidden-580 {
		display: none !important;
	}

	
	.visible-480 {
		display: none !important;
	}
	.visible-380 {
		display: none !important;
	}	
	.visible-320 {
		display: none !important;
	}

	
}


/* Extra Small Devices, Phones */

@media  (max-width: 480px) {


	/***
	Hidden phone
	***/
	.hidden-480 {
		display: none !important;
	}
	
	.visible-480 {
		display: block !important;
	}
	
	span.visible-480, a.visible-480  {
		display: inline-block !important;
	}
	
	.visible-380 {
		display: none !important;
	}	
	
	.visible-320 {
		display: none !important;
	}	
	
	.list-inline > li.visible-480 {
		display: inline-block !important;
	}

}



@media (max-width: 380px) {

	.hidden-380 {
		display: none !important;
	}
	
	.visible-380 {
		display: block !important;
	}
	
	span.visible-380, a.visible-380 {
		display: inline-block !important;
	}

	
}



@media (max-width: 360px) {

	/***
	Hidden phone
	***/
	.hidden-320 {
		display: none !important;
	}
		
	.visible-320 {
		display: block !important;
	}
	
	span.visible-320, a.visible-320  {
		display: inline-block !important;
	}

}