/* My often used styles */

.my-text-center { text-align:center;}
.my-white { color:#fff;}
.my-big {font-size: 24px;font-weight: 700;font-style: italic;}
.my-bold {font-weight: 700;}
.my-dib {display:inline-block;}
.text-nowrap {white-space: nowrap;}
.my-hot {color: red;}
.my-mx {margin-left: 0.3rem;margin-right: 0.3rem;}





/* remont-kvartyr ================================================================================================== */
/*  TABLET  : 1024px */
@media only screen and ( max-width: 1050px ){
}
/* TABLET  : 768px */
@media only screen and (max-width: 985px) and (min-width: 768px){
}

/*  Phone  : 480px */
@media only screen and (max-width: 767px) and (min-width: 480px){
}
/* Phone  : 320px */
@media only screen and (max-width: 479px){
}





/* ============Media Queries. Breakpoints ============================================================
 ==== Screens:lg 1200/md 992/sm 768/xs 480/ 320  Containers: 1170-970-750 Rows:1140-940-720 ===========
 ======================================================================================================*/

/*==========  Non-Mobile First Method  ==========*/

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

}


/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

       
}

/* ==================================================================== */
@media only screen and (min-width : 480px) {

}


/* ==================================================================== */
@media only screen and (min-width : 640px) {


}



/* Notebooks ===================================================================================== */ 
@media only screen and (min-width : 767px) {

 
}
/* Desktop ======================================================================== */ 
@media only screen and (min-width : 991px) {


}
/* Wide-screen ==================================================================== */ 
@media only screen and (min-width : 1199px) {

 
 
}