@media screen and (min-width: 768px) {
    .breadCrumb {
        display: none;
    }

    #tinynav1 {
        display: none;
    }
    
    .grid {
        margin-top: 60px; 
    }

    .grid .mast {
        z-index: 99;
        background-color: rgba(255,255,255,0.95);
        height: 60px;
        position: fixed;
        top: 0px;
        margin: 0px auto;
        width: 756px;
        margin-left: -8px;
    }

    .grid.fixed .mast {
        height: 45px;
        transform: translate3d(0,0,0);
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }

    .grid.fixed .topmenu li a {
        font-size: .7em;
        transform: translate3d(0,0,0);
        -webkit-transition: font-size 0.3s ;
        -moz-transition: font-size 0.3s;
        -ms-transition: font-size 0.3s;
        -o-transition: font-size 0.3s;
        transition: font-size 0.3s;
    }

    .grid.fixed .webhaven {
        font-size: .75em;
        transform: translate3d(0,0,0);
        -webkit-transition: font-size 0.3s ;
        -moz-transition: font-size 0.3s;
        -ms-transition: font-size 0.3s;
        -o-transition: font-size 0.3s;
        transition: font-size 0.3s;
    }

    .topmenu {
        text-align: right;
    }

   .topmenu ul {
	padding: 0;
	margin: 0;
	position: relative;
    }

    .topmenu ul li {
	display: inline;
	position: relative;
	text-align: center;
        list-style: none;
    }

    .topmenu ul li a {
	position: relative;
        color: #666;
        padding: 0px 10px;
        line-height: 60px;
        height: 60px;
        font-size: .9em;
    }

    .topmenu ul li a:hover {
        color: #0099ff;
    }

    .topmenu ul li.active a {
        color: #ff5c05;
    }

    .js .topmenu ul {
        position: relative;
        max-height: none;
    }

    .js .nav-collapse {
        position: relative;
    }
    .js .nav-collapse.closed {
        max-height: none;
    }
    .nav-toggle {
        display: none;
    }

}

@media screen and (max-width: 767px) {

    .l_tinynav1 {
        display: none;
    }

    .mast {
        border-bottom: none;
    }

    .mobileContainer {
        display: block;
	position: relative;
        padding: 1px 0px;
        border-bottom: 1px dotted #eee;
        border-top: 1px dotted #eee;
    }

    select.tinynav {
        width: 100%;
        margin: 3px;
    }

    .js .nav-collapse {
        clip: rect(0 0 0 0);
        display: block;
        overflow: hidden;
        zoom: 1;
    }

    ul.topNav.opened {
        max-height: 9999px;
    }
    
    .row.nav {
	text-align: left;
	padding-bottom: 8px;
    }

    ul.topNav ul,
    ul.topNav ul li ul {
        margin: 0px;
        padding: 0px;
        display: block;
        list-style: none;
        text-align: left;
    }

    ul.topNav li {
	border-bottom: 1px solid #efefef;
        text-align: center;
    }

    ul.topNav ul li {
        border-bottom: 1px solid rgb(249, 249, 249);
    }
    
    ul.topNav ul li ul li {
        border-bottom: 1px solid rgb(249, 249, 249);
        padding-left: 15px;
    }

    ul.topNav li a {
        color: #666;
        padding: 7px 0px;
        display: block;
        font-size: .8em;
    }

    ul.topNav li.active > a {
        color: #ff5c05;
    }
    
    ul.topNav li:last-child {
    }

    .breadCrumb {
	font-size: 65%;
        width: 99%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .breadCrumb > span {
        font-weight: bold;
    }
    .breadCrumb a {
        color: #ff5c05;
    }

}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .mobileContainer {
        background-image: url("../assets/template/pw_maze_white_@2X.png");
        background-size: 46px 23px;
    }

}