@media only screen and (min-width: 1100px) and (max-width: 1200px) { .navbar .navbar-right { float: left !important; } .slide-caption { width: auto; height: 100%; } .format-aside { } .format-quote { width: 80%; font-size: 13px; line-height: 25px; }
.format-quote:before { font-size: 1.1em; line-height: 0.1em; }
.format-quote small { font-size: 11px; line-height: 20px; } .format-video { }
.video-frame { margin: 0; }
.video-content { margin: 0; }
.video-frame iframe { border: 0 none; height: 230px; width: 100%; }
.video-content h2 { font-size: 34px; line-height: 40px; padding: 0 0 5px; }
.format-video-btn-sm { font-size: 11px; padding: 4px 10px; } .callout-section p { padding: 0 0px; } .testmonial-area { margin: 0px; padding: 0;} .contact-detail-area { margin-bottom: 50px; }
}
.dropdown-menu > li > a {
border-bottom: 1px solid #c64412 !important;
background-color: #ee591f !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: #c64412 !important;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) { .navbar .navbar-right { float: left !important; }
.navbar-collapse.in { overflow: hidden; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }  .slide-caption { width: 70%; }
.slide-text-bg1 { margin: 0 0 13px; width: 100%; }
.slide-text-bg1 h2 { font-size: 24px; line-height: 30px; padding: 6px 10px; }
.slide-text-bg2 { margin: 0 0 13px; width: 100%; }
.slide-text-bg2 span { font-size: 13px; line-height: 20px; }
.slide-btn-sm { font-size: 11px; padding: 6px 20px; }
.slide-caption .blog-btn-area-sm { margin: 0px 0 3px; } .status-text-bg1 h2 { font-size: 15px; line-height: 22px; } .format-aside { width: 70%; }
.format-aside p { font-size: 12px; line-height: 22px; } .format-quote { width: 70%; font-size: 12px; line-height: 25px; }
.format-quote:before { font-size: 1.1em; line-height: 0.1em; }
.format-quote small { font-size: 11px; line-height: 20px; } .format-video { }
.video-frame { margin: 0 auto; width: 80%; }
.video-frame iframe { border: 0 none; height: 200px; width: 100%; }
.video-content { margin: 0; display: none; } .callout-section p { padding: 0 0px; } .testmonial-area { margin: 0px; padding: 0; } .about-img-area { margin: 0 0 35px; } .blog-lg-area-left { padding: 0px 0px 60px 0px; }
.blog-lg-area-right { padding: 0px 0px 60px 0px; } .contact-detail-area { margin-bottom: 50px; }
}
@media only screen and (min-width: 280px) and (max-width: 1100px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #1b1b1b;	transition: all 0.3s ease-in-out 0s; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
.navbar-nav { width: 100%; }
.navbar-nav > li { border-right: 0px none; }
.navbar-toggle {
color: #FFFFFF;
display: block;
float: right;
font-size: 15px;
font-weight: 700;
margin: 13px auto;
padding: 9px 17px;
text-transform: uppercase;
} .head-contact-social { float: none; text-align: center; margin: 17px 0 17px; }
.head-contact-info { float: none; text-align: center; margin: 10px 0 17px; } .carou-direction-nav a { width: 40px; height: 40px; }
.carou-direction-nav a:before { font-size: 30px; line-height: 1.3; }
.carou-direction-nav :hover .carou-prev { left: 20px; }
.carou-direction-nav :hover .carou-next { right: 20px; } .slide-caption { width: 80%; }
.slide-text-bg1 { margin: 0 0 7px; width: 90%; }
.slide-text-bg1 h2 { font-size: 16px; line-height: 20px; padding: 4px 10px; }
.slide-text-bg2 { margin: 0 0 5px; width: 90%; }
.slide-text-bg2 span { font-size: 10px; line-height: 16px; }
.slide-btn-sm { font-size: 9px; padding: 2px 12px; }
.slide-caption .blog-btn-area-sm { margin: 0px 0 3px; } .status-caption { width: 80%; }
.status-text-bg1 h2 { font-size: 12px; line-height: 20px; } .format-aside { width: 80%; }
.format-aside p { font-size: 15px; line-height: 25px; } .format-quote { font-size: 11px; line-height: 20px; width: 80%; padding: 12px 15px; }
.format-quote p { margin: 0px; }
.format-quote:before { font-size: 1.1em; line-height: 0.1em; }
.format-quote small { font-size: 11px; line-height: 20px; padding: 5px 0 0; } .format-video { }
.video-frame { margin: 0 auto; width: 60%; padding: 5px 5px 0; }
.video-frame iframe { border: 0 none; height: 236px; width: 100%; }
.video-content { margin: 0 auto; display: block; width: 60%;} .callout-section p { padding: 0 0px; }
.callout-btn1, .callout-btn2 { margin: 0 10px 20px; } .testmonial-area { margin: 0px; padding: 0; }
.author-box img { margin: 0 auto; display: block; }
.description-box:after { display: none; } .footer-copyright { padding: 15px 0; text-align: center; }
.footer-contact-social { float: none; text-align: center; padding: 15px 0; } .about-img-area { margin: 0 0 35px; } .blog-lg-area-left { padding: 0px 0px 60px 0px; }
.blog-lg-area-right { padding: 0px 0px 60px 0px; }
.blog-post-date-area { float: none; margin: 0px 25px 25px 0; } .blog-paragraph-image { margin: 15px 10px 10px 0; }
.blog-paragraph-image > .media > .alignleft, .blog-paragraph-image > .media > .alignright { float: none; }
.blog-paragraph-image > .media > .alignleft img, .blog-paragraph-image > .media > .alignright img {
margin-bottom: 20px;
margin-left: 0;
} .blog-author { margin: 0 0px 50px 0; } .comment-section { margin: 0 0 30px; } .comment-form-section { margin: 0 0px 50px 0; }
.form-inline .blog-form-group { margin-right: 0px; width: 100%; }
.form-inline .blog-form-group-textarea { width: 100%; } .contact-form-section { margin: 0 0px 50px 0; }
.form-inline .contact-form-group { margin-right: 0px; width: 100%; }
.form-inline .contact-form-group-textarea { width: 100%; }
.contact-detail-area { margin-bottom: 50px; }
}
@media only screen and (min-width: 480px) and (max-width: 991px)  {
.page-breadcrumb { text-align: left; }
}
@media only screen and (min-width: 200px) and (max-width: 280px) { .navbar-brand { display: inline-block; float: none; margin-right: 0; padding: 10px 15px; text-align: center; }
.navbar-brand img { display: block;}
.navbar-header h1 { margin-right: 0px; } .navbar-collapse.in { overflow: hidden; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0px; margin-right: 0px; }
.navbar-nav { width: 100%; }
.navbar-nav > li { border-right: 0px none; }
.navbar-toggle {
color: #FFFFFF;
display: block;
float: right;
font-size: 12px;
font-weight: 700;
margin: 16px auto;
padding: 7px 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
} .head-contact-social { float: none; text-align: center;	margin: 17px 0 17px; }
.head-contact-info { float: none; text-align: center; margin: 10px 0 17px; } .carou-direction-nav a { width: 30px; height: 30px; }
.carou-direction-nav a:before { font-size: 22px; line-height: 1.4; }
.carou-direction-nav :hover .carou-prev { left: 20px; }
.carou-direction-nav :hover .carou-next { right: 20px; } .slide-caption { width: 80%; }
.slide-text-bg1 { margin: 0 0 15px; width: 100%; }
.slide-text-bg1 h2 { font-size: 28px; line-height: 34px; padding: 2px 7px; }
.slide-text-bg2 { margin: 0 0 15px; width: 100%; } .slide-btn-sm { font-size: 12px; padding: 10px 18px; }
.slide-caption .blog-btn-area-sm { margin: 0px 0 3px; } .status-caption { width: 80%; }
.status-text-bg1 h2 { font-size: 10px; line-height: 15px; } .format-aside { width: 80%; padding: 7px 10px; }
.format-aside p { padding: 2px 15px 2px; }
.format-aside p:before, .format-aside p:after { width: 10px; height: 13px; font-size: 25px; } .format-quote { font-size: 9px; line-height: 15px; width: 80%; padding: 10px 10px; }
.format-quote:before { font-size: 1.1em; line-height: 0.1em; }
.format-quote small { font-size: 10px; line-height: 20px; padding: 5px 0 0; }
.format-quote p { margin: 0px; } .format-video { }
.video-frame { margin: 0 auto; width: 80%; padding: 5px 5px 0; }
.video-frame iframe { border: 0 none; height: 160px; width: 100%; }
.video-content { margin: 0; display: block; } .callout-section p, .callout-section h2 { padding: 0 0px; }
.callout-btn1, .callout-btn2 { margin: 0 10px 20px; } .testmonial-area { margin: 0px; padding: 0; }
.author-box img { margin: 0 auto; display: block; }
.description-box:after { display: none; } .blog-sm-box { float: none; margin: 0 0 30px 0; width: 100%; }
.blog-sm-area:hover .blog-sm-box img { padding-top: 0px; } .footer-copyright { padding: 15px 0; text-align: center; }
.footer-contact-social { float: none; text-align: center; padding: 15px 0; } .page-breadcrumb { text-align: left; } .about-img-area { margin: 0 0 35px; } .blog-lg-area-left { padding: 0px 0px 60px 0px; }
.blog-lg-area-right { padding: 0px 0px 60px 0px; }
.blog-post-date-area { float: none; margin: 0px 25px 25px 0; } .blog-paragraph-image { margin: 15px 10px 10px 0; }
.blog-paragraph-image > .media > .alignleft, .blog-paragraph-image > .media > .alignright { float: none; }
.blog-paragraph-image > .media > .alignleft img, .blog-paragraph-image > .media > .alignright img {
margin-bottom: 20px;
margin-left: 0;
} .blog-author { margin: 0 0px 50px 0; }
.blog-author .pull-left { float: none !important; margin: 0 0 15px; } .comment-section { margin: 0 0 30px; }
.pull-left-comment { float: none; } .comment-form-section { margin: 0 0px 50px 0; }
.form-inline .blog-form-group { margin-right: 0px; width: 100%; }
.form-inline .blog-form-group-textarea { width: 100%; } .contact-form-section { margin: 0 0px 50px 0; }
.form-inline .contact-form-group { margin-right: 0px; width: 100%; }
.form-inline .contact-form-group-textarea { width: 100%; }
.contact-detail-area { margin-bottom: 50px; }
} @media only screen and (max-width: 990px) {
.clients-btn-area { margin: 35px 0 30px; }
.padding-10 { padding-left: 15px !important; padding-right: 15px !important; }
}
@media only screen and (max-width: 1023px) { #style-switcher { } } @media(min-width: 1200px) {
body.boxed {
width: 1210px; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
margin: 30px auto;
position: relative;
background: url(//dcmtech.com.br/wp-content/themes/images/bg-pattern/bg-img1.png) repeat fixed;
}
}
@media (min-width: 1200px)
{
body.boxed {
width: 1210px;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
margin: 30px auto;
position: relative;
background: url(//dcmtech.com.br/wp-content/themes/images/bg-pattern/bg-img1.png) repeat fixed;
}
}
@media (min-width: 768px) and (max-width: 979px)  {
body.boxed { width: 100%; }
}
@media (max-width: 767px) {
body.boxed { width: 100%; }
body { padding-left: 0px !important; padding-right: 0px !important; }
}
@media (min-width: 980px) and (max-width: 1199px) {
body.boxed { width: 100%; }
} @media only screen and (max-width: 480px) and (min-width: 200px){
.navbar {
padding: 5px 0 0px;
}
.contact-area {
padding: 20px;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.top-contact-detail-section .col-md-4:nth-child(3n) .contact-area{
border-bottom:none;
}
.contact-icon i {
font-size: 40px;
}
.contact-area h4 {
font-weight: 600;
font-size: 20px;
}
.contact-area h6 {
font-size: 14px;
}
.service-section, .service-section0, .service-section1, .service-section2, .service-section3, .service-section4 {
padding: 60px 0 15px;
}
.service-area {
padding: 0px 0px 35px;
}
.service-icon {
margin: 0 25px 0 0;
}
.callout-section .overlay {
padding: 60px 0 60px;
}
.portfolio-section {
padding: 60px 0 10px;
}
.testimonial-section .overlay {
padding: 60px 0 50px;
}
.team-section1 {
padding: 60px 0 10px;
}
.blog-sm-area {
padding: 0px 0px 45px;
}
.blog-section {
padding: 60px 0 15px;
}
.clients-section {
padding: 60px 0 50px;
}
.footer-contact-area {
padding: 20px;
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.col-md-4:nth-child(3n) .footer-contact-area{
border-bottom:none;
}
.detail-section {
padding: 60px 0 50px
}
.footer-contact-detail-section {
padding: 60px 0 40px;
}
.footer-section-heading-title {;
margin: 0 auto 15px;
}
.footer-contact-icon i {
font-size: 36px;
}
.footer-section {
padding: 60px 0 0;
}
.footer-widget-title {
margin: 0px 0 30px;
}
.footer-widget-column {
margin-bottom: 40px;
}
.video-content {
margin: 0 auto;
width: 80%;
}
}
@media only screen and (max-width: 350px) and (min-width: 200px){
.video-content ,.video-frame{
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 768px) and (min-width: 481px){
.contact-area {
padding: 20px;
border-bottom: 1px solid rgba(255,255,255,0.15);
}
.top-contact-detail-section .col-md-4:nth-child(3n) .contact-area{
border-bottom:none;
}
.footer-contact-area {
padding: 20px;
border-bottom: 1px solid rgba(0,0,0,0.15);
}
.col-md-4:nth-child(3n) .footer-contact-area{
border-bottom:none;
}
}
@media only screen and (max-width: 1100px) and (min-width: 401px){
.carousel-inner > .item > img {
max-width: initial;
height: 400px;
}
}
@media only screen and (max-width: 1100px) and (min-width: 992px) {
.video-content,.video-frame {
width: 100%;
}
}