/*
 *@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) * / }
 @media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone * / }
 @media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) * / }
 @media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops * / }
 @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops * / }
 @media (min-width:1281px) { /* hi-res laptops and desktops * / }
*/

/* For tablets: */
@media only screen and (min-width: 800px) {
    .phone_navigation .menu-btn { display: block; } /* mobile navihation */
    .container, .container-fluid { padding: 5px 10px; width: calc(100% - 10px); }
    .col-md-3,
    .col-md-9,
    .col-md-4,
    .col-md-6,
    .col-md-7,
    .header-content,
    .topbar-inner,
    .fixwidth { width: 100%; padding: 0; }
    #home .row { display: block; flex-flow: row wrap; }
    ul#filterOptions { height: auto; }
    ul.ourHolder li.item { height: auto; width: calc(100% - 24px); }
    .menu-btn:hover { opacity: 0.6; }
    .menu-btn { background: #353535 none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; display: block; float: left; font-size: 41px; height: 50px; line-height: 50px; margin: 0; padding: 0 5px; text-align: left; width: auto; }
    .pushy ul { padding: 0 !important; margin: 0 !important; }
    .pushy-content ul li, .pushy-content ul li a { display: block !important; }
    .pushy-submenu ul ul { display: none; }
    .pushy-submenu ul { opacity: 1; position: relative; top: auto; visibility: visible; }
    .pushy a { font-size: 14px; font-weight: 400; text-align: left; }
    .pushy button { font-size: 15px; font-weight: 700; }
    .pushy-submenu ul li a { line-height: 1; }
    .sticky-header,
    .main_navigation,
    .bx-caption { display: none !important; }
    .logo img { height: auto; margin: auto; width: calc(100% - 15px); }
    .logo { float: left; height: auto; width: 100%; margin-top: 20px; }
    .parent-container > a { float: left; height: 110px; margin: 3px; overflow: hidden; position: relative; width: 110px; }
    .block-image { height: 110px; width: 110px; }
    .topbar-inner { text-align: right; }
    .bx-viewport, .bx-wrapper, .bxslider, .bxslider li { height: auto !important; }
    .bx-viewport, .bx-wrapper { margin: 0; }
    .row { margin: 0; }
    .skill-video { height: 200px; margin: 0 0 25px 0; }
    #about { padding: 50px 0 100px 0; }
}

/* For mobile phones: */
@media only screen and (max-width: 799px) {
    .phone_navigation .menu-btn { display: block; } /* mobile navihation */
    .container, .container-fluid { padding: 5px 10px; width: calc(100% - 10px); }
    .col-md-3,
    .col-md-9,
    .col-md-4,
    .col-md-6,
    .col-md-7,
    .header-content,
    .topbar-inner,
    .fixwidth { width: 100%; padding: 0; }
    #home .row { display: block; flex-flow: row wrap; }
    ul#filterOptions { height: auto; }
    ul.ourHolder li.item { height: auto; width: calc(100% - 24px); }
    .menu-btn:hover { opacity: 0.6; }
    .menu-btn { background: #353535 none repeat scroll 0 0; border: 0 none; color: #fff; cursor: pointer; display: block; float: left; font-size: 41px; height: 50px; line-height: 50px; margin: 0; padding: 0 5px; text-align: left; width: auto; }
    .pushy ul { padding: 0 !important; margin: 0 !important; }
    .pushy-content ul li, .pushy-content ul li a { display: block !important; }
    .pushy-submenu ul ul { display: none; }
    .pushy-submenu ul { opacity: 1; position: relative; top: auto; visibility: visible; }
    .pushy a { font-size: 14px; font-weight: 400; text-align: left; }
    .pushy button { font-size: 15px; font-weight: 700; }
    .pushy-submenu ul li a { line-height: 1; }
    .sticky-header,
    .main_navigation,
    .bx-caption { display: none !important; }
    .logo img { height: auto; margin: auto; width: calc(100% - 15px); }
    .logo { float: left; height: auto; width: 100%; margin-top: 20px; }
    .parent-container > a { float: left; height: 110px; margin: 3px; overflow: hidden; position: relative; width: 110px; }
    .block-image { height: 110px; width: 110px; }
    .topbar-inner { text-align: right; }
    .bx-viewport, .bx-wrapper, .bxslider, .bxslider li { height: auto !important; }
    .bx-viewport, .bx-wrapper { margin: 0; }
    .row { margin: 0; }
    .skill-video { height: 200px; margin: 0 0 25px 0; }
    #about { padding: 50px 0 100px 0; }
}