/* lg */ 
@media (min-width: 1200px) {
/* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}

#portfolio .row {
margin-left: -10px;
margin-right: -10px;
}



}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

/* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}

.navbar-nav > li {
margin-left: 10px;
}

.navbar-collapse {
padding-left: 0;
padding-right: 0;
}

.recent-work-wrap .recent-work-inner h3 a {
font-size: 20px;
}

.recent-work-wrap .overlay{
padding: 15px;
}

.services-wrap {
padding: 40px 10px 40px 30px;
}

.feature-wrap h2, 
.single-services h2 {
font-size: 18px;
}

.feature-wrap h3, 
.single-services h3{
font-size: 14px;
}

.tab-wrap .media .parrent.pull-left{
clear: both;
width: 100%;
}

.tab-wrap .media .parrent.media-body{
clear: both;
}

#portfolio .row {
margin-left: -10px;
margin-right: -10px;
}

.recent-work-wrap .overlay .preview{
line-height: inherit;
}

.team-bar .first-arrow {
width: 21%;
}

.team-bar .second-arrow {
width: 20%;
}

.team-bar .third-arrow {
width: 21%;
}

.team-bar .fourth-arrow {
width: 20%;
}

ul.social_icons li{
margin-right: 0;
}

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}

.navbar-collapse {
padding-left: 0;
padding-right: 0;
}

.navbar-nav > li {
margin-left: 0;
}

#main-slider .carousel h1 {
font-size: 25px;
}

#main-slider .carousel h2 {
font-size: 20px;
}

.tab-wrap .media .parrent.pull-left, 
.media.accordion-inner .pull-left{
clear: both;
width: 100%;
}

.tab-wrap .media .parrent.media-body, 
.media.accordion-inner .media-body{
clear: both;
}

.services-wrap {
padding: 40px 0 40px 30px;
}

.recent-work-wrap .overlay{
padding: 15px;
}

.recent-work-wrap .recent-work-inner h3 a {
font-size: 20px;
}

.sinlge-skill{
width: 150px;
height: 150px;
} 

.sinlge-skill p em {
font-size: 25px;
}

.sinlge-skill p {
font-size: 16px;
}

.team-bar .first-one-arrow {
width: 2%;
}

.team-bar .first-arrow {
width: 18%;
}

.team-bar .second-arrow {
width: 24%;
}

.team-bar .third-arrow {
width: 15%;
}

.team-bar .fourth-arrow {
width: 20%;
}

.blog .blog-item .entry-meta > span a{
font-size: 10px;
}
}

/* xs */
@media (max-width: 767px) {
.container > .navbar-header, .container > .navbar-collapse{
margin-left: 0;
}

.top-number{
font-size: 14px;
}

input.search-form:hover {
width: 120px;
}

.navbar-nav > li {
padding-bottom: 0;
}

#main-slider .carousel h1 {
font-size: 25px;
}

#main-slider .carousel h2 {
font-size: 16px;
}

.feature-wrap h2, 
.single-services h2 {
font-size: 18px;
}

.feature-wrap h3, 
.single-services h3{
font-size: 14px;
}


.media.accordion-inner .pull-left, 
.media.accordion-inner .media-body{
clear: both;
}

.accordion-inner h4 {
margin-top: 10px;
}

.tab-wrap .media .pull-left{
clear: both;
width: 100%;
}

.tab-wrap .media .media-body{
clear: both;
}

.nav-tabs > li.active > a:after{
display: none;
}

#footer .col-sm-6{
text-align:center;
}

#footer .pull-right{
float: none !important;
}

.sinlge-skill {
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
}

.team .single-profile-top, 
.team .single-profile-bottom {
margin-bottom: 30px;
}

.clients-area {
padding: 60px 0;
}

.clients-area h1 {
font-size: 25px;
}

.portfolio-item, 
#recent-works .col-xs-12.col-sm-4.col-md-3{
padding:0 15px;
}

ul.social_icons li{
margin-right: 0;
}

.blog .blog-item .entry-meta{
margin-bottom: 20px;
}

.blog .blog-item .blog-content h3 {
margin-bottom: 20px;
}

.post_reply_comments {
padding-left: 20px;
}


}




/* XS Portrait */
@media (max-width: 768px) {

#about-sf .about-thumb {
padding: 30px 30px 30px 30px;
border-radius: 0px 0px;
}


#about-sf .about-thumb h1 {
font-size: 38px;
line-height: 48px;
text-align: center;
margin-top: 0px;
}

}





/* XS Portrait */
@media (max-width: 400px) {

#about-sf .about-thumb {
padding: 30px 30px 30px 30px;
border-radius: 0px 0px;
}


#about-sf .about-thumb h1 {
font-size: 38px;
line-height: 48px;
text-align: center;
margin-top: 0px;
}

}




@media (max-width: 360px) {


#about .about-thumb {
padding: 30px 30px 30px 30px;
border-radius: 0px 0px;
}


#about h1 {
font-size: 38px;
line-height: 48px;
text-align: center;
margin-top: 0px;
}

}



/* XS Portrait */
@media (max-width: 480px) {


}


@media (max-width: 1024px) {

.navbar-inverse .navbar-nav > li > a {
padding: 10px 10px 10px 10px;
font-size: 14px;
}

}


@media (max-width: 768px) {


.navbar-nav {
margin: 7.5px 15px;
}


.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
border-bottom: 1px solid #ccc;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3 {

font-size: 26px;

}


#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 {

font-size: 18px;

}


#about h1 {
font-size: 24px;
line-height: 22px;
letter-spacing: 7px;
text-transform: uppercase;
padding-bottom: 8px;
color: #ffffff;
font-weight: 100;
margin-bottom: 10px;
}


#about .about-thumb {

padding: 10px 20px 10px 20px;

}


#about p {
color: #ffffff;
font-size: 16px;
letter-spacing: normal;
line-height: 26px;
text-align: justify;
margin-bottom: 25px;
}



.special-links {
text-align: right;
margin-right: 10px;
}


.single-sidebar-widget .special-links li a {
font-size: 18px;
padding: 0 10px;
}


}







/********************************
 disable landscape mode mobile website 
********************************/

._1QQpsu {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, #80BD24 10%, #9BC93A 90%);
z-index: 15;
pointer-events: none;
display: none;
align-items: center;
justify-content: center;
}


@media (min-width: 375px) and (orientation: landscape) {

._3bWLGx {
display: flex;
pointer-events: initial;
}
}

.mvW8vq {
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}




._1U-Jli{
background-image: url(rotate_screen_icon.gif);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 30%;
padding-bottom: 25.5%;
}

.FqIVIZ {
color: #f1f1f1;
font-size: 20px;
text-align: center;
margin-bottom: 10px;
margin-top: 30px;
}

._1wxP6t {
color: #f1f1f1;
font-size: 14px;
text-align: center;
}






@media (min-width: 1024px) and (orientation: landscape) {

._1QQpsu {
display: none;
}
    
}


/********************************
 disable landscape mode mobile website 
********************************/