﻿@media only screen and (max-width: 767px) {
   .mobnone{display:none;}
   .desknone{display:block;}

   .top-bar{display:none;}
   .navbar-collapse{width:100%; max-width:300px; background:#fff; padding:15px; border-radius:5px; border:1px solid #e6e6e6; z-index:10; box-shadow:2px 2px 3px #c6c6c6; position:absolute; top:45px;}
   .main-nav .navbar{padding:0;}
   .team-grid img{padding:3px 0;}

   .team{padding-top:20px}
   .partner-grid .partner ul li{width:50%}
   .foot ul{text-align:center; padding:8px 0; border-bottom: 1px solid #e6e6e6;}
   .foot p{text-align:center}
   .foot ul li{margin-right:10px}
   .news-grid .p-3{padding:0px !important}
   .news-content{padding:20px 0px 0px}
   .second-slider .owl-dots{left:35%}
   .top-data ul li{width:100%;text-align:center}
   .social-icons ul li {padding: 0px}
   .nav-link{padding:10px 0px}
   .top-bar{padding:10px 0px}
   .site-nav .navbar .navbar-nav {margin:0px}
   .main-nav .logo{float:left}
   .site-nav .navbar-header .navbar-toggle{border:1px solid #1f217e;margin:0px}
   .site-nav .navbar-header .navbar-toggle .icon-bar{background:#1f217e}
   .site-nav .navbar .navbar-nav .nav-item{border-bottom:1px solid #ddd}
   .site-nav .navbar .navbar-nav .nav-item:last-child{margin-right:20px}
   .site-nav .navbar-light.float-right{float:none !important}
   .message-box .title{width:100%; text-align:center; display:block; padding:2rem 0 1rem;}
   .message-box p{padding:10px 0;}

 .news{text-align:center}
 .news img{width:auto}
 .news .p-20{padding:20px 0px !important}
 .ser{width:100%}
 .message-img{width:200px;margin:auto}
 .copyright{padding:5px 0; display:inline-block;}
.about-grid.cont .col {flex-basis: auto;}
.about-grid.cont .contimg {margin: 15px auto 0px;width: 70%;display: block;}
}

@media screen and (max-width:992px){
     .navbar-collapse{width:100%; max-width:300px; background:#fff; padding:15px; border-radius:5px; border:1px solid #e6e6e6; z-index:10; box-shadow:2px 2px 3px #c6c6c6; position:absolute; top:50px;}
     .portofolio-slider .caption{min-height:70px;}
     .team{padding:15px 0;}
}
