@media (max-width:1370px) {
.logo {margin-bottom: 2em;margin-top: 1em;}  #filter-list li {margin: 4% 0;padding: 10% 2%;width: 70%;}
.sidebar-nav li {line-height: 30px;margin: 10px 0;}
.n-sags img {width: 75px;}
.sidebar-nav li a span {font-size: 12px;}
.rorate svg {max-height: 85%;max-width: 85%;}
}
@media (max-width:1280px) {
.service_tab_con .tab-pane.active {margin: 4em 3em;} .tab-content.service_tab_con.col-md-5 {width: 525px;}
.service_ul .nav-tabs > li > a {display: inline-block;float: none;}
.sidebar-nav li {line-height: 25px !important;margin: 10px 0;}
}
@media (max-width:1200px) {
.our_goal_con, .about_con {margin-top: 0;} .tab-content.service_tab_con.col-md-5 {width: 40%;}
.service_ul li a img {width: 60px;}
#technologies1 .item {width: 42%;} #technologies1 {float: left;width: 100%;}

}
@media (max-width:1024px) {
.service_ul.col-md-7.text-center, .service_ul .nav.nav-tabs {width: 100%;} 
.service_ul .nav-tabs > li:nth-child(2n+1) {clear: none !important;} .service_ul .nav-tabs > li {float: left;width: 33.33%;}
.tab-content.service_tab_con.col-md-5 {display: inline-block;float: none;} .tab-content.service_tab_con.col-md-5 {position: relative;}
.tab-content.service_tab_con.col-md-5 {background-size: cover;} .inset {display: block;}
.tab-content.service_tab_con.col-md-5 {width: 80%;} .contact_v_middle, .wrap_port_con, .mobile_portfolio, .service_ul, #technologies1 {margin-top: 5%;}
.owl-sl .prev {left:-30px;}
.owl-sl .next {right:-30px;}
}
@media (max-width:991px) {
.inset {height: auto;} .svg_side_txt {margin-top: 0;}
.about_bg_img {margin-top: 10%; float: left;width: 100%;}
.about_logo.wow.rollIn {text-align: center;width: 100%;margin-right: 0;} .about_logo.wow.rollIn img {display: inline-block;}
.about_con {text-align: center;width: 100%;}  
.contact_form {margin-left: 5%;margin-right: 5%;width: 90%;}
.wrap_map {margin: 4% 5%;width: 90%;}
.wrap_port_con {width: 75%;} .port_slide.col-md-3 {width: 25%;} .port_con {width: 80%;} #current_project, .service_ul {margin-top: 2%;}
.port_con h2 {margin-bottom: 10px;}
.service_ul .nav-tabs > li:nth-child(3n+1) {clear: left !important;}
.portfolio {display: none;} .mobile_portfolio{display: block;}
.port_con {width: 100%;}
.current_opening {margin-top: 1em;width: 100%; padding: 0 3em 1em;} .current_opening > h2 {font-size: 24px;}
.career_form.wow.fadeInLeft {padding: 0 3em;width: 100%;}
}
@media (max-width:900px) {
#technologies1 .item {margin: 10px 2%;width: 96%;margin-left: 4px;} .tech_sidebar {padding: 0;}
}
@media (max-width:767px) {
#wrapper {padding-left: 0;}
#wrapper.active {position: relative;left: 190px;}
#menu-toggle {display: inline-block;}
.inset {padding: 15px;}
.content-header h1 { margin: 0 0 0 25px;}
.rorate svg {max-width: 100%;}
.tab-content.service_tab_con.col-md-5 {margin-top: 0;}
.wrap_port_con {width: 70%;} .port_slide.col-md-3 {width: 30%;} .port_con {width: 100%;}
#thumbs2 {padding: 0 15px;} #thumbs2 ul li {margin: 0;}
#technologies1 {padding: 0;width: 95%; margin-top: 5%;}
.logo {margin-bottom: 0;margin-top: 0;}
.sidebar-nav li:first-child {margin-bottom: 25px;} .sidebar-nav li {margin: 10px 0;}
#current_project {float: left;width: 50%;}
}
@media (max-width:640px) {
.about_logo.wow.rollIn img {width: 130px;}
.about_con h2 {font-size: 38px;}
.tab-content.service_tab_con.col-md-5 {width: 100%;} .service_ul .nav-tabs > li {margin: 10px 0;}
.service_ul .nav.nav-tabs {padding: 0;}
}
@media (max-width:568px) {
#filter-list {padding: 0 5px;width: 100%;} #filter-list li {width: 100%; margin: 5% 0;}
}
@media (max-width:480px) {
.service_ul li a h2 {font-size: 12px;} .service_ul li a img {width: 50px;} .service_ul .nav-tabs > li > a {padding: 0;}
.service_tab_con .tab-pane.active {margin: 2em 1em;} .port_con h2 {font-size: 18px;}
.service_ul.col-md-7.text-center, .service_ul .nav.nav-tabs {padding: 0;}
.contact_form {margin-left: 2%;margin-right: 2%;width: 96%;} .wrap_map {margin: 4% 2%;width: 96%; padding: 2% 5%;}
.port_con h2 {font-size: 14px;}
.owl-sl .prev {left: 0px;} .owl-sl .next {right: 0px;}
.career_form.wow.fadeInLeft {width: 100%;}
.current_opening {padding: 0 1em 1em;} .career_form.wow.fadeInLeft {padding: 0;}

}
@media (max-width:414px) {
#wrapper.active #sidebar-wrapper {width: 200px;}
.content-header h1 {line-height: 40px;margin: 0 0 0 20px;}
.about_logo.wow.rollIn img {width: 100px;}
.about_con h2 {font-size: 28px;}
.tech_wrap .col-md-10 {padding: 0;}  .tech_wrap .col-md-10 {width: 70%;} .tech_sidebar {width: 30%;}
#current_project {width: 100%;}
.sidebar-nav li:first-child {margin-bottom: 15px;} .sidebar-nav li {margin: 7px 0;}
}
@media (max-width:360px) {
.service_ul li a h2 {font-size: 10px;}
#filter-list li div span {font-size: 12px;}

}