/*------------------------------------------------------------------ [Media Stylesheet] -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of contents] 1. Min width 992px and Max width: 1199px 2. Max width: 1140px 3. Max width: 992px 4. Max width: 992px and min width: 768px 5. Max width: 767px 6. Max width: 480px 7. Custom media for IE -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Min width 992px and Max width: 1199px ] */ /*------------------------------------------------------------------ [2. Max width: 1140px ] */ /*------------------------------------------------------------------ [3. Max width: 991px ] */ @media (max-width: 991px) { body .wdk-element .wdk-row .wdk-col { width: 50%; -webkit-flex: 0 0 calc(100% / 2); flex: 0 0 calc(100% / 2); } } /*------------------------------------------------------------------ [4. Max width: 992px and min width: 768px] */ /*------------------------------------------------------------------ [5. Max width: 767px] */ @media (max-width: 767px) { body .wdk-element .wdk-row .wdk-col { width: 100%; -webkit-flex: 0 0 calc(100% / 1); flex: 0 0 calc(100% / 1); } } /*------------------------------------------------------------------ [6. Max width: 540px] */ /*------------------------------------------------------------------ [6. Max width: 576px] */ /*------------------------------------------------------------------ [6. Max width: 540px] */ /*------------------------------------------------------------------ [7. Custom media for IE] */