@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%;}
}