//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// VARIABLES import
//---------------------------------------------------------------
  
@import "template_variables.less";

// MIXINS import
//---------------------------------------------------------------
  
@import "../../../plugins/system/ef4_jmframework/includes/assets/template/bootstrap/less-ext/mixins-ext.less"; //JM extended mixins
@import "template_mixins.less";

// RESPONSIVE
//---------------------------------------------------------------

@media (max-width: 1590px ) {
  #jm-allpage {
		.btn,
    .readmore,
		.dj-readmore-wrapper a {
      padding: @JMresponsiveButtonPadding;
			width: auto;
      max-width: none;
    }
  }
  //djmenu
  .select-input .dj-select {
    font-size: 1em!important;
    padding: 8px!important;
    margin: 0 0 @JMbaseSpace!important;
  } 
  #jm-allpage .dj-megamenu li a.dj-up_a {
      padding: 25px;
  }
  #jm-allpage .dj-megamenu.hasSubtitles li a.dj-up_a {
      padding: 20px 25px 30px;
  }
  #jm-allpage .dj-megamenu li a.dj-up_a.withsubtitle {
      padding: 20px 25px 20px;
  }
  //modules
  #jm-allpage .jm-module {
    .jm-title {
      font-size: 24px;
    }
    &.small-title-ms .jm-title {
      font-size: 20px;
    }
  }
  //search
  #jm-allpage .search form .inputbox {
    max-width: 200px;
  }
  //dropdown-ms menu
  #jm-allpage .nav.menu.dropdown-ms {
    margin: -5px 0 0 -5px;
    > li {
      margin: 0 0 5px 5px;
      > a,
      > span.separator {
        padding: 0 5px;
        img {
          margin-right: 5px;
          margin-left: -5px;
        }
      }    
    }
  }
  html[dir='rtl'] #jm-allpage .nav.menu.dropdown-ms {
    margin: -5px -5px 0 0;
    > li {
      margin: 0 5px 5px 0;
      > a,
      > span.separator {
        padding: 0 5px;
        img {
          margin-right: -5px;
          margin-left: 5px;
        }
      }    
    }
  }
  //modules
  .jm-our-services,
  .jm-our-services .description {
    display: block;
  }
  .jm-our-services .image {
    float: none;
    text-align: center;
    span {
      margin: 0;
      display: inline-block;
    }
  }
} 

@media ( max-width: 1300px ) {
  
  //circle
  #jm-allpage .nav.menu.dropdown-ms > li {
    height: auto;
  }
  #jm-allpage #jm-allpage-in .jm-module .jm-module-in .nav.menu > li.parent a.circle-menu-ms + ul {
    display: none;
  }
  #jm-allpage #jm-allpage-in .jm-module .jm-module-in .nav.menu > li.parent a.circle-menu-ms.active + ul {
    display: block;
  }
  #jm-allpage #jm-allpage-in .jm-module .jm-module-in .nav.menu > li.parent {
    a.circle-menu-ms + ul,
    a.circle-menu-ms.active + ul {
      position: relative;
      top: auto;
      bottom: auto;
      left: auto;
      right: auto;
      padding: 20px;
      margin: 5px 0 0;
      .border-radius(5px)!important;
      height: auto;
      width: auto;
      text-align: center;
      *zoom: 1;
      &:before,
      &:after {
        display: table;
        content: "";
        line-height: 0;
      }
      &:after {
        clear: both;
      }
    }
    a.circle-menu-ms.active + ul li {
      .transform(none)!important;
      position: static;
      margin: 5px;
      display: inline-block;
    }
  }
}

@media ( max-width: 979px ) {
  //size adjustment for displaying text content in Safari on iPhone
  html {
    -webkit-text-size-adjust: none;
  }
  //fix on displaying buttons on webkit browsers
  .btn {
    -webkit-appearance: none;
  }
  //responsive inputs
  input, select, textarea {
    max-width: 100%;
    .box-sizing(border-box);
  }
  //reset the module height suffix
  .jm-module-in {
    height: auto !important;
  }
  //backtotop
  #jm-back-top span {
    width: 40px;
    height: 40px;
  }
  //login
  .jm-module input#modlgn-username,
  .jm-module input#modlgn-passwd {
    width: 100%;
  }
  //module-raw
  .jm-module-raw {
    float: none;
    margin: 20px 0 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    &:first-child {
      margin: 0;
    }
  }
  //layout
  #jm-row1,
  #jm-row2 {
    text-align: center;
  }
  #jm-bar-left,
  #jm-bar-right {
    float: none;
  }
	#jm-topbar .jm-module-raw:first-child {
		margin-top: @JMbaseSpace;
	}
  #jm-topbar .nav.menu li {
    display: block;
    text-align: center;
  } 
  #jm-topbar .nav.menu li a,
  #jm-topbar .nav.menu li span.separator {
    padding: 0;
    margin: 0;
    &:before {
      display: none;
    }
  }
  #jm-footer-left,
  #jm-footer-right {
    width: 100%!important;
    float: none!important;
    text-align: center;
    max-width: none;
  }
  #jm-styleswitcher {
    padding-top: 10px;
  }
}

@media ( max-width: 767px ) {
	//wrapper size
	.fluid #jm-allpage-in {
		max-width: 100%;
	}
  //fluid size
  #jm-allpage .container-fluid.container-large {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
  //forms
  .form-horizontal {
    .controls {
      margin: 0;
    }
    .control-label {
      float: none;
      text-align: left;
      width: auto;
    }
    html[dir=rtl] .control-label {
      text-align: right;
    }
    .form-actions {
      padding: 20px;
    }
    #recaptcha_table  td {
      display:block!important;
    }
  }
  //blog articles
  .items-row {
    [class*='span'] + [class*='span'] {
      margin-top: @JMbaseSpace;
    }
  }
  //modules
  #jm-allpage #jm-top1 .top1-in .jm-module {
    margin: @JMbaseSpace 0 0;
  }
  #jm-allpage #jm-top1 .row:first-child .top1-in:first-child .jm-module,
  #jm-allpage #jm-top1 .row-fluid:first-child .top1-in:first-child .jm-module {
    margin: 0;
  }
  #jm-allpage .jm-module.side-margin-ms {
    margin-left: 0!important;
    margin-right: 0!important;
  }
  #jm-header .jm-module.header-ms,
  #jm-header .jm-module.slider-ms {
    margin: 0 -20px;
  }
  #jm-allpage .jm-box .jm-box-in {
    width: 100%;
  }
}

@media ( max-width: 480px ) {
  .label, .badge {
    white-space: normal;
  }
	//layout
	#jm-logo-sitedesc {
		max-width: 180px;
	}
	
  //modules
  #jm-allpage .nav.menu.dropdown-ms > li {
    clear: both;  
  }
  //tabs
  dl.tabs,
  .nav-tabs {
    display: block!important;
  }
  dl.tabs dt.tabs,
  .nav-tabs > li {
    float: none!important;
  }
  //social buttons
  .jm-social a{
    margin-left: 5px;
  }
  //search
  #jm-allpage .search form .inputbox {
    max-width: 180px;
  }
}

// EXTENSIONS import
//---------------------------------------------------------------

@import "djmediatools_responsive.less";