/*Extra small screen / phone*/
@media  screen and (min-width: 320px) and (max-width: 480px){
  .mob-p-tb{
     padding-top: 10%;
    padding-bottom: 10%;
  }
  .m-no-flex-wrap {
    display:block;
  }
  .header-transparent .main-bar{
    background-color: #272627;
  }
  .site-header.spa-header .navbar-nav > li > a{
  	border:none;
  }
  .site-header.spa-header .navbar-nav > li, 
  .site-header.spa-header .is-fixed .navbar-nav > l{
  	text-align: center;
  }
  .spa-header.header-transparent .is-fixed .header-nav .nav > li > a{
  	color:#606060;
  }
  .is-fixed .header-nav .nav{
  	height: auto;
  }
  .homelogo img{
    width: 200px !important;
  }
  .spa-header.header-transparent .navbar-toggle{
  	color: #fff !important;
  	transition:none;
  	margin: 15% 0;
  	padding: 0;
  }



  .owl-spa-btn .owl-controls .owl-nav .owl-next, 
  .owl-spa-btn .owl-controls .owl-nav .owl-prev{
    width: 40px;
  	height: 40px;
  	line-height: 40px;
  	font-size: 25px;
  }
  .owl-next, .owl-prev{
  	padding: 0;
  }

  .tabs.vertical > .tabs_nav,
  .tabs.vertical > .tabs_content{
  	width: 100%;
  }
  .tabs.style2 .tabs_content{
  	padding: 0 !important;
  }
  .accordion .a_title{
  	margin: 0;
	padding: 0;
	line-height: 30px;
  }

  .a_title::before{
  	width: 25px;
	margin-right: 0;
  }
  

  .product-slider .owl-controls{
  	display: none;
  }
  .footer-top,
  .footer-top::before{
  	background-image: none;
  }


  /*about us page **********************************/
  .dez-bnr-inr{
    height: auto;
    padding-bottom: 0;
  }
  .header-nav .nav{
    text-align: center;
  }
  .header-nav .nav > li > a{
    border: none;
  }
  .tabs.vertical > .tabs_content{
    padding: 0;
  }


  #darkbox > .straight.scale{
    height: auto !important;
  }






}

/*// Small screen / phone*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
  .mob-p-tb{
     padding-top: 6%;
    padding-bottom: 6%;
  }
  .center-myimg{
    margin: auto
  }
  .m-no-flex-wrap {
    display:block;
  }
  .header-transparent .main-bar{
    background-color: #272627;
  }
  .site-header.spa-header .navbar-nav > li > a{
    border:none;
  }
  .site-header.spa-header .navbar-nav > li, 
  .site-header.spa-header .is-fixed .navbar-nav > l{
    text-align: center;
  }
  .spa-header.header-transparent .is-fixed .header-nav .nav > li > a{
    color:#606060;
  }
  .is-fixed .header-nav .nav{
    height: auto;
  }
  .homelogo img{
    width: 200px !important;
  }
  .spa-header.header-transparent .navbar-toggle{
    color: #fff !important;
    transition:none;
    margin: 5% 0;
    padding: 0;
  }
  .myimg img{
    width: 100%;
  }
  .spa-service-box{
    padding: 0;
  }
  .owl-spa-btn .owl-controls .owl-nav .owl-next, 
  .owl-spa-btn .owl-controls .owl-nav .owl-prev{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
  }
  .owl-next, .owl-prev{
    padding: 0;
  }

  .tabs.vertical > .tabs_nav,
  .tabs.vertical > .tabs_content{
    width: 100%;
  }

  .product-slider .owl-controls{
    display: none;
  }
  .footer-top,
  .footer-top::before{
    background-image: none;
  }


/*about us page **********************************/
  .dez-bnr-inr{
    height: auto;
    padding-bottom: 0;
  }
  .header-nav .nav{
    text-align: center;
  }
  .header-nav .nav > li > a{
    border: none;
  }
  .tabs.vertical > .tabs_content{
    padding: 0;
  }


  #darkbox > .straight.scale{
    height: auto !important;
  }
  


}


/*// Medium screen / tablet*/
@media only screen and (min-width: 768px) and (max-width:991px) {

  .homelogo img{
    width: 180px !important;
  }
  .site-header.spa-header .navbar-nav > li > a,
  .header-nav .nav > li > a{
    border:none;
  }
  .site-header.spa-header .navbar-nav > li, 
  .site-header.spa-header .is-fixed .navbar-nav > li,
  .header-nav .nav li{
    text-align: center;
  }
  .spa-header.header-transparent .is-fixed .header-nav .nav > li > a{
    color:#606060;
  }
  .footer-top,
  .footer-top::before{
    background-image: none;
  }
    #darkbox > .straight.scale{
    height: auto !important;
  }



}


 /*// Extra large screen / wide desktop*/
@media only screen and (min-width: 992px) and (max-width:1199px) {

  /*.homelogo img{
    width: 180px !important;
  }*/
  .site-header.spa-header .navbar-nav > li > a{
    padding: 10px 10px;
  }
  .spa-header .logo-header.mostion{
    width: 220px;
  }  
  /*.site-header.spa-header .navbar-nav > li > a,
  .header-nav .nav > li > a{
    border:none;
  }
  .site-header.spa-header .navbar-nav > li, 
  .site-header.spa-header .is-fixed .navbar-nav > li,
  .header-nav .nav li{
    text-align: center;
  }
  .spa-header.header-transparent .is-fixed .header-nav .nav > li > a{
    color:#606060;
  }
  .footer-top,
  .footer-top::before{
    background-image: none;
  }
    #darkbox > .straight.scale{
    height: auto !important;
  }*/
  .callout-content img{
    width: 220px;
  }
  #darkbox > .straight.scale{
    height: auto !important;
  }
  .spa-service-box .icon-content h4{
    font-size: 17px;
  }



}

/*//  laptop*/
@media only screen and (min-width: 1200px) and (max-width:1369px) {



}


 /*//  laptop*/

@media only screen and (min-width: 1370px) and (max-width:1599px) {





}


/* // Extra large screen */
@media only screen and (min-width: 1600px) and (max-width: 2560px){

  .dez-bnr-inr .dez-bnr-inr-entry img{
    width: 100% !important;
  }

}