/* Created by Nasour Naghipour */



.responsive body

{

   min-width: 240px;

}

  

.responsive img 

{

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}  

  

.responsive .hadavicontent-layout img,

.responsive .hadavicontent-layout video

{

   max-width: 100%;

   height: auto !important;

}



.responsive.responsive-phone .hadavicontent-layout img 

{

   margin: 1%;

}



.responsive.responsive-phone .hadavicollage,

.responsive.responsive-tablet .hadavicollage {

   margin: 0 !important;

}



.responsive .hadavicontent-layout .hadavisidebar0, 

.responsive .hadavicontent-layout .hadavisidebar1, 

.responsive .hadavicontent-layout .hadavisidebar2 

{

   width: auto !important;

}

    

.responsive .hadavicontent-layout, 

.responsive .hadavicontent-layout-row, 

.responsive .hadavilayout-cell 

{

   display: block;

}



.responsive .hadavicontent-layout, 

.responsive .hadavicontent-layout-row

{

   padding: 0;

}

    

.responsive .image-caption-wrapper 

{

   width: auto;

}



.responsive.responsive-tablet .hadavivmenublock,

.responsive.responsive-tablet .hadaviblock

{

   margin-left: 1%;

   margin-right: 1%;

   width: 48%;

   float: left;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.responsive .hadaviresponsive-embed 

{

   height: 0;

   padding-bottom: 56.25%;

   /* 16:9 */

    position: relative;

}



.responsive .hadaviresponsive-embed iframe,

.responsive .hadaviresponsive-embed object,

.responsive .hadaviresponsive-embed embed

{

   height: 100%;

   left: 0;

   position: absolute;

   top: 0;

   width: 100%;

}



.responsive .hadavisheet

{

   width: auto !important;

   min-width: 240px !important;

   max-width: none !important;

   margin-right: 1% !important;

   margin-left: 1% !important;

   margin-top: 1% !important;

}



#hadaviresp {

   display: none;

}



@media all and (max-width: 899px)

{

    #hadaviresp, #hadaviresp-t { display: block; }

    #hadaviresp-m { display: none; }

}



@media all and (max-width: 480px)

{

    #hadaviresp, #hadaviresp-m { display: block; }

    #hadaviresp-t { display: none; }

}



#hadaviresp-desktop {

   display: none;

}

#hadaviresp-tablet-landscape {

   display: none;

}

#hadaviresp-tablet-portrait {

   display: none;

}

#hadaviresp-phone-landscape {

   display: none;

}

#hadaviresp-phone-portrait {

   display: none;

}



@media (min-width: 1200px)

{

    #hadaviresp-desktop { display: block; }

}



@media (min-width: 980px) and (max-width: 1199px)

{

    #hadaviresp-tablet-landscape { display: block; }

}



@media (min-width: 768px) and (max-width: 979px)

{

    #hadaviresp-tablet-portrait { display: block; }

}



@media (min-width: 480px) and (max-width: 767px)

{

    #hadaviresp-phone-landscape { display: block; }

}



@media (max-width: 479px)

{

    #hadaviresp-phone-portrait { display: block; }

}

.responsive .hadaviheader 

{

   width: auto !important;

   max-width: none !important;

   min-height: 200px !important;

   min-width: 0 !important;

   text-align: center;

}



.default-responsive .hadaviheader 

{

   height: auto;

}



.default-responsive .hadaviheader *

{

   position: relative;

   text-align: center;

   -webkit-transform: none !important;

   -moz-transform: none !important;

   -o-transform: none !important;

   -ms-transform: none !important;

   transform: none !important;

}



.default-responsive .hadaviheader .hadaviheadline, 

.default-responsive .hadaviheader .hadavislogan 

{

   display: block !important;

   top: 0 !important;

   left: 0 !important;

   margin: 2% !important;

   text-align: center !important;

}

    

.default-responsive .hadaviheader .hadaviheadline a, 

.default-responsive .hadaviheader .hadavislogan 

{

   white-space: normal !important;

}



.default-responsive .hadaviheader .hadavilogo

{

   display: inline-block;

   margin: auto !important;

   left: auto;

   top: auto !important;

   width: auto;

   height: auto;

}



.responsive .hadaviheader .hadavislidenavigator 

{

   position: absolute;

}



.default-responsive .hadaviheader .hadavipositioncontrol 

{

   display: block !important;

   position: relative !important;

   top: auto !important;

   right: auto !important;

   bottom: auto !important;

   left: auto !important;

   margin: 2% auto !important;

   width: auto !important;

   height: auto !important;

}



.responsive .hadaviheader #hadaviflash-area

{

   display: none;

}



/* Search and other elements in header element directly */

.default-responsive .hadaviheader>.hadavitextblock

{

   position: relative !important;

   display: block !important;

   margin: 1% auto !important;

   width: 75% !important;

   top: auto !important;

   right: auto !important;

   bottom: auto !important;

   left: auto !important;

}



.default-responsive .hadaviheader .hadavitextblock 

{

   position: relative !important;

   display: block !important;

   margin: auto !important;

   left: 0 !important;

   right: 0 !important;

   top: auto !important;

   height: auto !important;

   width: auto;

   background-image: none;

}



/* '.hadaviheader *' used noram align, but for '.hadavitextblock *' we must force align because of preview */

.responsive .hadaviheader .hadavitextblock *

{

   text-align: center !important;

}



.default-responsive .hadaviheader .hadavishapes > .hadavitextblock,

.default-responsive .hadaviheader .hadavislide-item > .hadavitextblock

{

   display: none !important;

}



.default-responsive .hadaviheader .hadavishapes > .hadavitextblock *

{

   text-align: center !important;

   width: auto !important;

   height: auto !important;

   display: block;

}



.default-responsive .hadaviheader .hadavislider .hadavitextblock *

{

   text-align: center !important;

   width: auto !important;

   height: auto !important;

   display: block;

}



/* For icons like facebook, rss, etc. */

.responsive .hadaviheader>.hadavitextblock>div 

{

   width: 100%;

}

/* dynamic width nav */

.responsive nav.hadavinav,

.responsive .hadavinav-inner

{

   width: auto !important;

   position: relative !important;

   top: auto !important;

   left: auto !important;

   right: auto !important;

   bottom: auto !important;

   margin-top: 0;

   margin-bottom: 0;

   min-width: 0;

   text-align: center !important;

}



.responsive nav.hadavinav

{

   min-width: 1%;

   margin-top: 1%;

}



.responsive .hadavinav 

{

   padding-left: 0;

   padding-right: 0;

   margin-top: 20px;

}



/* full width hmenu, instead of inline-block */

.responsive .hadavinav ul.hadavihmenu 

{

   float: none;

   text-align: center;

   display: none;

}



/* elements on different lines */

.responsive .hadavinav ul.hadavihmenu li,

.responsive .hadavihmenu-extra1,

.responsive .hadavihmenu-extra2

{

   float: none;

}

  

/* horizontal margins */

.responsive .hadavinav ul.hadavihmenu>li:first-child, 

.responsive .hadavinav ul.hadavihmenu>li:last-child, 

.responsive .hadavinav ul.hadavihmenu>li

{

   margin-left: 0;

   margin-right: 0;

}

 

/* separator */ 

.responsive .hadavinav ul.hadavihmenu>li:before

{

   display: none;

}



/* vertical distance between items */

.responsive .hadavinav ul.hadavihmenu a

{

   margin-top: 1px !important;

   margin-bottom: 1px !important;

   height: auto;

   white-space: normal;

}



.responsive .hadavinav ul.hadavihmenu>li:first-child>a

{

   margin-top: 0 !important;

}



.responsive .hadavinav ul.hadavihmenu>li:last-child>a

{

   margin-bottom: 0 !important;

}



/* fixes for extended menu */

.responsive .hadavinav .ext, 

.responsive .hadavinav ul.hadavihmenu>li>ul, 

.responsive .hadavinav ul.hadavihmenu>li>ul>li,

.responsive .hadavinav ul.hadavihmenu>li>ul>li a

{

   width: auto !important;

}



/* submenu position on hover */

.responsive .hadavinav ul.hadavihmenu ul

{

   left: auto !important;

   right: auto !important;

   top: auto !important;

   bottom: auto !important;

   display: none !important;

   position: relative !important;

   visibility: visible !important;

}



.responsive .hadavinav ul.hadavihmenu li.active>ul

{

   display: block !important;

}

.responsive .hadavinav ul.hadavihmenu ul li.active>a

{

   font-weight: bold;

}



.hadavinav .hadavimenu-btn 

{

   border: 1px solid #404040;

   border-radius: 3px;

   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);

   display: none;

   -svg-background: linear-gradient(to bottom, #707070 0, #000 100%);

   background: -ms-linear-gradient(top, #707070 0, #000 100%);

   background: -moz-linear-gradient(top, #707070 0, #000 100%);

   background: -o-linear-gradient(top, #707070 0, #000 100%);

   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));

   background: -webkit-linear-gradient(top, #707070 0, #000 100%);

   background: linear-gradient(to bottom, #707070 0, #000 100%);

   margin: 3px;

   outline: none;

   padding: 5px;

   position: relative;

   vertical-align: bottom;

   width: 20px;

}



.hadavinav .hadavimenu-btn span 

{

   background: #E0E0E0;

   border-radius: 2px;

   display: block;

   height: 3px;

   margin: 3px 1px;

   position: relative;

   -moz-transition: background .2s;

   -o-transition: background .2s;

   -webkit-transition: background .2s;

   transition: background .2s;

}



.hadavinav .hadavimenu-btn:hover span

{

   background: #f3f3f3;

}



.responsive .hadavinav .hadavimenu-btn 

{

   display: inline-block;

}



.responsive .hadavinav .hadavihmenu.visible 

{

   display: block;

}



.responsive .hadavinav ul.hadavihmenu>li>ul>li:first-child:after 

{

   display: none;

}

.responsive .hadavinav ul.hadavihmenu ul a

{

   padding-left: 4% !important;

}

.responsive .hadavinav ul.hadavihmenu ul ul a

{

   padding-left: 6% !important;

}

.responsive .hadavinav ul.hadavihmenu ul ul ul a

{

   padding-left: 8% !important;

}

.responsive .hadavinav ul.hadavihmenu ul ul ul ul a

{

   padding-left: 10% !important;

}

.responsive .hadavinav ul.hadavihmenu ul ul ul ul ul a

{

   padding-left: 12% !important;

}

  

.responsive .hadavinav ul.hadavihmenu>li>ul

{

   padding: 5px;

}

  

.responsive .hadavinav ul.hadavihmenu>li>ul:before

{

   top: 0;

   right: 0;

   bottom: 0;

   left: 0;

}



.responsive .hadavicontent-layout, 

.responsive .hadavicontent-layout-row, 

.responsive .hadavilayout-cell 

{

   display: block;

}



.responsive .hadavilayout-cell 

{

   width: auto !important;

   height: auto !important;

}



.responsive .hadavicontent-layout:after, 

.responsive .hadavicontent-layout-row:after, 

.responsive .hadavilayout-cell:after 

{

   content: ".";

   display: block;

   height: 0;

   clear: both;

   visibility: hidden;

}



.responsive .responsive-tablet-layout-cell,

.responsive.responsive-tablet .hadavifooter .hadavicontent-layout .hadavilayout-cell 

{

   margin: 1%;

   width: 98% !important;

   float: left;

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

}



.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,

.responsive.responsive-tablet .hadavifooter .hadavicontent-layout .responsive-layout-row-2 .hadavilayout-cell

{

   width: 48% !important;

}



.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,

.responsive.responsive-tablet .hadavifooter .hadavicontent-layout .responsive-layout-row-3 .hadavilayout-cell

{

   width: 31% !important;

}

.responsive .hadavipost

{

   border-radius: 0;

}



.responsive .hadavifooter-inner

{

   min-width: 0;

}

.responsive .hadavifooter

{

   margin-top: 1%;

}