@media screen and (max-width: 1230px) { 
    .tp-banner-container { height: 100% !important }
    .animated { -webkit-animation: 0 !important }
    #wrapper { width: 100% !important }
    nav { width: 100% !important }
}
@media screen and (max-width: 1199px) { 
    .title-in:first-child { margin-top: 50px; float: left; width: 100%; }
}
@media screen and (min-width: 992px) and (max-width: 1200px) { 
        .prl-1 {background: url(../images/parallax.jpg)  100% !important;height: auto;}
}
@media screen and (max-width: 991px) { 
    .logo { margin: 25px 0 }
    .dl-trigger { display: block }
    .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; margin-top: 17px; z-index: 9999999; }
    .dl-back { display: block }
    .dl-menuwrapper button { background: #fff; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; }
    .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #99cc66 }
    .dl-menuwrapper button:hover:after { background: #fff; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }
    .dl-menuwrapper button.dl-active:after { background: #fff; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }
    .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #99cc66; top: 10px; left: 8px; box-shadow: 0 10px 0 #99cc66, 0 20px 0 #99cc66; }
    .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
    .dl-menuwrapper li { position: relative }
    .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; }
    .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.25); text-decoration: none; }
    .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.25); }
    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: FontAwesome; speak: none; -webkit-font-smoothing: antialiased; content: "\f054"; }
    .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
    .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }
    .dl-menuwrapper .dl-menu { margin: 5px 0 0 -191px; position: absolute; width: 240px; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
    .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
    .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
    .dl-menuwrapper li .dl-submenu { display: none }
    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }
    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }
    .dl-menuwrapper > .dl-submenu { position: absolute; width: 240px; margin-left: -191px; top: 50px; left: 0; }
    .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }
    @-webkit-keyframes MenuAnimOut5 {
     100% { -webkit-transform: translateY(40%); opacity: 0; }
    }
    @-moz-keyframes MenuAnimOut5 {
     100% { -moz-transform: translateY(40%); opacity: 0; }
    }
    @keyframes MenuAnimOut5 {
     100% { transform: translateY(40%); opacity: 0; }
    }
    .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }
    @-webkit-keyframes MenuAnimIn5 {
     0% { -webkit-transform: translateY(40%); opacity: 0; }
     100% { -webkit-transform: translateY(); opacity: 1; }
    }
    @-moz-keyframes MenuAnimIn5 {
     0% { -moz-transform: translateY(40%); opacity: 0; }
     100% { -moz-transform: translateY(); opacity: 1; }
    }
    @keyframes MenuAnimIn5 {
     0% { transform: translateY(40%); opacity: 0; }
     100% { transform: translateY(); opacity: 1; }
    }
    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }
    @-webkit-keyframes SubMenuAnimIn5 {
     0% { -webkit-transform: translateZ(-200px); opacity: 0; }
     100% { -webkit-transform: translateZ(); opacity: 1; }
    }
    @-moz-keyframes SubMenuAnimIn5 {
     0% { -moz-transform: translateZ(-200px); opacity: 0; }
     100% { -moz-transform: translateZ(); opacity: 1; }
    }
    @keyframes SubMenuAnimIn5 {
     0% { transform: translateZ(-200px); opacity: 0; }
     100% { transform: translateZ(); opacity: 1; }
    }
    .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }
    @-webkit-keyframes SubMenuAnimOut5 {
     0% { -webkit-transform: translateZ(); opacity: 1; }
     100% { -webkit-transform: translateZ(-200px); opacity: 0; }
    }
    @-moz-keyframes SubMenuAnimOut5 {
     0% { -moz-transform: translateZ(); opacity: 1; }
     100% { -moz-transform: translateZ(-200px); opacity: 0; }
    }
    @keyframes SubMenuAnimOut5 {
     0% { transform: translateZ(); opacity: 1; }
     100% { transform: translateZ(-200px); opacity: 0; }
    }
    .menu ul li:hover ul, .menu ul li li:hover ul { display: none }
    .menu ul li { float: none }
    .menu ul li a { padding: 15px 20px; font-weight: 300; color: #fff; font-size: 16px !important; }
    .menu li a:before { display: none }
    .menu li:hover { background: rgba(255,248,213,0.25) }
    .menu li:hover a { color: #fff !important }
    .menu li.current a { color: #fff }
    .menu li.current { background: rgba(255,248,213,0.25) }
    .menu ul li ul { visibility: visible; opacity: 1; position: relative; }
    .menu ul ul li { width: 240px }
    .menu ul li ul li a { padding: 15px 20px; font-weight: 300; color: #fff !important; font-size: 16px; border-bottom: none !important; }
    .menu ul li ul { box-shadow: none; border-bottom: none; }
    .menu ul li ul li a:hover { color: #fff !important }
    .menu ul ul { background: #99cc66; color: #fff; }
    .menu ul li ul li a:hover { background: rgba(0,0,0,0.25) }
    .menu ul ul ul { margin-top: 0px !important; left: 0px; }
    .menu ul li ul li ul { visibility: visible !important }
    .box p { text-align: center }
    .box h3 { text-align: center }
    .btn-slider { padding: 6px 9px; font-size: 13px; }
    .hidden-pag { display: none }
    .prl-1 {background: url(../images/parallax.jpg)  100% !important;height: auto;}
    .prlx {padding-bottom: 40px;} 

}
@media (min-width: 768px) and (max-width: 991px) { 
    
}
@media (max-width: 767px) { 
    .col-ms-4 { width: 100%; margin-bottom: 40px; }
    .col-ms-4:last-child { margin-bottom: 0px }
    .container { padding: 0 25px }
    .btn-slider { padding: 5px 8px; font-size: 12px; }
    #respond p.comment-form-author { width: 100% }
    #respond p.comment-form-author input { width: 100% }
    #respond p.comment-form-email { width: 100% }
    #respond p.comment-form-email input { width: 100% }
    #respond input, #respond textarea { width: 100% }
    .port-6 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    .port-4 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    .port-3 { width: 100%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
    .portfolioFilter ul li a { line-height: 35px }
    .plan { margin-right: 0px }
    #style-switcher { display: none }
    .post-2columns:nth-child(odd) { width: 100%; padding-right: 0px; padding-left: 0px; float: left; }
    .post-2columns:nth-child(even) { width: 100%; padding-right: 0px; padding-left: 0px; float: left; }
    .medium-5 { width: 100%; padding-left: 0px; padding-right: 0px; float: left; }
    .medium-7 { width: 100%; padding-right: 0px; padding-left: 0px; float: left; margin-top: 25px; }
        .prlx-1 {padding-bottom: 50px;}
}
@media (max-width: 480px) { 
    .top_line p { display: none }
    .btn-slider { padding: 3px 6px; font-size: 11px; }
    .social-links li:last-child { display: none }
    .copyright { text-align: center }
    .foot_menu { float: left }
    .foot_menu ul { margin-left: -65px }
    .col-ms-12 { width: 100% }
    .comment-list .children { margin-left: 0px }
    .date { font-size: 10px; float: none; margin-bottom: 10px; text-align: left; }
    .comment-list .author { margin-bottom: 10px; padding-bottom: 10px; }
    .col-sm-12 {width:100%;}
}