/* Bootstrap Specific */
.row.no_gutters {
  padding:0;
  margin:0;
}

.row.no_gutters > [class^="col-"],
.row.no_gutters > [class*=" col-"] {
  padding:0;
  margin:0;
}

/* Utilities Classes */
.css-table {
	display:table;
}

.css-table-cell {
	display:table-cell;
	vertical-align:middle;
}

.text-left {
	text-align:left;
}

.text-right {
	text-align:right;
}

.text-center {
	text-align:center;
}

.list-default {
	padding:0;
	margin:0;
	list-style:none;
}

.list-unstyled {
	padding-left:0;
	list-style:none;
}

.list-inline {
	padding-left:0;
	list-style:none;
}

.list-inline > li {
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
}

.list-inline > li:first-child {
	padding-left:0;
}

/* Margins */
.m60 {margin:60px;}
.m55 {margin:55px;}
.m50 {margin:50px;}
.m45 {margin:45px;}
.m40 {margin:40px;}
.m35 {margin:35px;}
.m30 {margin:30px;}
.m25 {margin:25px;}
.m20 {margin:20px;}
.m15 {margin:15px;}
.m10 {margin:10px;}
.m5 {margin:5px;}
.m0 {margin:0;}

.mt60 {margin-top:60px;}
.mt55 {margin-top:55px;}
.mt50 {margin-top:50px;}
.mt45 {margin-top:45px;}
.mt40 {margin-top:40px;}
.mt35 {margin-top:35px;}
.mt30 {margin-top:30px;}
.mt25 {margin-top:25px;}
.mt20 {margin-top:20px;}
.mt15 {margin-top:15px;}
.mt10 {margin-top:10px;}
.mt5 {margin-top:5px;}
.mt0 {margin-top:0;}

.mb60 {margin-bottom:60px;}
.mb55 {margin-bottom:55px;}
.mb50 {margin-bottom:50px;}
.mb45 {margin-bottom:45px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.mb30 {margin-bottom:30px;}
.mb25 {margin-bottom:25px;}
.mb20 {margin-bottom:20px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mb5 {margin-bottom:5px;}
.mb0 {margin-bottom:0;}

/* Paddings */
.p60 {padding:60px;}
.p55 {padding:55px;}
.p50 {padding:50px;}
.p45 {padding:45px;}
.p40 {padding:40px;}
.p35 {padding:35px;}
.p30 {padding:30px;}
.p25 {padding:25px;}
.p20 {padding:20px;}
.p15 {padding:15px;}
.p10 {padding:10px;}
.p5 {padding:5px;}
.p0 {padding:0;}

.pt60 {padding-top:60px;}
.pt55 {padding-top:55px;}
.pt50 {padding-top:50px;}
.pt45 {padding-top:45px;}
.pt40 {padding-top:40px;}
.pt35 {padding-top:35px;}
.pt30 {padding-top:30px;}
.pt25 {padding-top:25px;}
.pt20 {padding-top:20px;}
.pt15 {padding-top:15px;}
.pt10 {padding-top:10px;}
.pt5 {padding-top:5px;}
.pt0 {padding-top:0;}

.pb60 {padding-bottom:60px;}
.pb55 {padding-bottom:55px;}
.pb50 {padding-bottom:50px;}
.pb45 {padding-bottom:45px;}
.pb40 {padding-bottom:40px;}
.pb35 {padding-bottom:35px;}
.pb30 {padding-bottom:30px;}
.pb25 {padding-bottom:25px;}
.pb20 {padding-bottom:20px;}
.pb15 {padding-bottom:15px;}
.pb10 {padding-bottom:10px;}
.pb5 {padding-bottom:5px;}
.pb0 {padding-bottom:0;}

/*
==========  Mobile First Method  ==========

Custom, iPhone Retina 
@media only screen and (min-width:320px) {}

Extra Small Devices, Phones 
@media only screen and (min-width:480px) {}

Small Devices, Tablets
@media only screen and (min-width:768px) {}

Medium Devices, Desktops
@media only screen and (min-width:992px) {}

Large Devices, Wide Screens
@media only screen and (min-width:1200px) {}
    
==========  Non-Mobile First Method  ==========

Large Devices, Wide Screens
@media only screen and (max-width:1200px) {}

Medium Devices, Desktops
@media only screen and (max-width:992px) {}

Small Devices, Tablets
@media only screen and (max-width:768px) {}

Extra Small Devices, Phones
@media only screen and (max-width:480px) {}

Custom, iPhone Retina
@media only screen and (max-width:320px) {}
*/

/*
==========  Additional CSS Media Queries  ==========

Smartphones (portrait and landscape)
@media only screen
and (min-device-width:320px)
and (max-device-width:480px) {}
 
Smartphones (landscape)
@media only screen
and (min-width:321px) {}
 
Smartphones (portrait)
@media only screen
and (max-width:320px) {}
 
iPads (portrait and landscape)
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px) {}
 
iPads (landscape)
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation : landscape) {}
 
iPads (portrait)
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation : portrait) {}
 
Desktops and laptops
@media only screen
and (min-width:1224px) {}
 
Large screens
@media only screen
and (min-width:1824px) {}
 
iPhone 5 (portrait & landscape)
@media only screen
and (min-device-width:320px)
and (max-device-width:568px) {}
 
iPhone 5 (landscape)
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (orientation : landscape) {}
 
iPhone 5 (portrait)
@media only screen
and (min-device-width:320px)
and (max-device-width:568px)
and (orientation : portrait) {}
*/