/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {


.container{width: 96%;}

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
.modal-dialog {width: 380px; margin: 8% auto 0;}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {




}

@media only screen and (min-width : 1024px) {
.mob_header{display: none;}

.mob_menu{display: none;}

.container{width: 95%;}



}


@media only screen and (min-width : 1170px) {

.site_sidebar,
.wrap_sidebar{width: 19%;}
.top_header,
.site_center{width: 81%;}
#fh5co-footer{width: 81%;}

}




 /* Large Devices, Wide Screens */
@media only screen and (min-width : 2200px) {
body{ position: relative;
    max-width: 1600px;
    width: 1600px;
  margin: 0 auto;
  background: #000 url(../images/bg-full-display.jpg); 
 background-attachment: fixed;
 z-index: 999;
}
  
#fh5co-wrap{margin-bottom: 0!important;}

#fh5co-offcanvass ul li a{padding: 10px 10px;}

.fh5co-bg-section{margin-top: -10px;}  

.site_sidebar h1{margin: 10px auto 20px;}

.site_sidebar .col-md-12{padding: 0;}

.site_sidebar, .wrap_sidebar{width: 380px !important; min-height: 5899px; }

.wrap_sidebar{padding: 8% 1.2%;}

.site_center,
.top_header{width: 76% !important;}

  .top_header{position: relative;}

  .wrap_sidebar{position: relative;}

#fh5co-footer{position: relative;}

#fh5co-footer{width: 100%;}



}



@media only screen and (min-width : 1400px) {

.menu{padding: 15px 25px !important;}
.site_sidebar,
.wrap_sidebar{width: 17%;}
.site_center{width: 83%;}
.title_block{font-size: 40px; letter-spacing: 1px;}
#fh5co-footer,
.top_header{width: 83%;}

.navbar-brand{background-size: 100%; width: 132px; height: 132px;} 


.fh5co-hero-intro h2{margin-top: 13%;  font-size: 40px;}

.fh5co-bg-section{padding-bottom: 0;}

.tab-content{margin-bottom: 50px;}

#fh5co-clients{padding: 40px 20px;}

.product .owl-carousel .owl-item h4{font-size: 17px;}

.fh5co-bg-section{}

/*#fh5co-offcanvass ul li a {padding: 10px 6px; font-size: 16px; line-height: 1.4;}*/



.fh5co-figure{min-height: 320px; max-height: 350px;}

}


@media only screen and (min-width : 1600px) {

.catalog .fh5co-figure{width: 94%; }

.catalog .fh5co-figure .btn{margin: 6px; text-transform: none; padding: 10px 19px; font-size: 15px;}

}


/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1400px) {

.fh5co-social-icons{right: 15px;}

.fh5co-social-icons li{margin-left: 12px;}

.top_header{padding: 0 0 0 10px;}

.top_nav li{padding: 0 0 0 12px;}

.catalog .fh5co-figure .btn {margin: 5px; text-transform: none; padding: 10px 12px; font-size: 12px;}

#fh5co-offcanvass ul{margin: 5px 0 0 5px; }

#fh5co-features-2 .fh5co-image img{padding-top: 40%;}

.navbar-brand{margin: 10px auto 0; width: 130px; height: 130px;}

.catalog .fh5co-figure .btn{margin: 10px 2px 0; padding: 10px 10px;
  font-size: 12px;}

.page_404 .fh5co-bg-section{min-height: 360px;}



}



@media only screen and (max-width : 1366px) {

.loader .loader_inner{width: 200px; height: 200px;}

.fh5co-social-icons .phone{font-size: 15px;}

.site_sidebar h1{font-size: 13px; line-height: 15px;} 

.navbar-brand{margin: 10px auto 0; width: 120px; height: 120px;}

#fh5co-offcanvass ul {margin: 0px 0 0 10px;}

.top_nav li a{font-size: 15px;}

.fh5co-social-icons{right: 2%;}

#fh5co-offcanvass ul li a{font-size: 14px;}

.tab-content {max-height: 360px;}

.wrap_slider h3{font-size: 40px;}

.fh5co-hero-intro h3{font-size: 18px;}

.nav-tabs > li > a{font-size: 16px;}

.title_post{font-size: 15px;}

.fh5co-hero-intro h2{font-size: 30px;}

.fh5co-section-heading .fh5co-sub{font-size: 16px;}

  #fh5co-clients{font-size: 18px;}

  #fh5co-clients p{font-size: 14px;}

.arhive_post span{display: block; height: 73px; overflow: hidden;}



}



@media only screen and (max-width : 1280px) {

.fh5co-social-icons .d_n{display: none;}

.product .owl-carousel .owl-item .item{padding: 0 5px 15px;}

.container{width: 95%;}

.product .owl-carousel .owl-item img{width: 90%;}

#fh5co-features-2 .fh5co-image img {padding-top: 62%;}

.page_404 .fh5co-bg-section{min-height: 285px;}

.page_404 .fh5co-hero-intro h2{margin: 45px auto 40px; font-size: 34px;}



}


@media only screen and (max-width : 1170px) {

 .site_sidebar,
.wrap_sidebar{width: 22%;}
.top_header,
#fh5co-footer,
.site_center{width: 78%;} 

.fh5co-hero-intro h2{font-size: 30px;}

#fh5co-footer .fh5co-footer-content .title_block{font-size: 26px;}

#fh5co-footer .fh5co-footer-content .contact .big{font-size: 18px;}

#fh5co-footer ul li{line-height: 28px;}

#fh5co-footer p{margin: 5px 0;}

.sertificate .owl-carousel .owl-item .item{padding: 0;}

.made_by{right: 3%;}

}



@media only screen and (max-width : 1024px) {
.site_sidebar{display: none;}

.site_center{width: 100%;}

.top_header{display: none;}

.mob_headers{display: block; background: #000; padding: 15px 30px 35px;}

.mob_headers h1{color: #c4c4c4; text-align: center; font-size: 16px; font-weight: 300; margin-bottom: 5px;}

.mob_headers .navbar-brand{width: 175px; height: 175px; float: none; margin: 0px auto 20px; display: block;}



.mob_header{display: block;  width: 100%; height: 48px; z-index: 99; background: #fafafa; position: fixed; margin-top: 0px;
  top: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.09);}

.mob_header .fh5co-social-icons li {margin-left: 0px;}

.mob_logo h1{display: inline-block; margin: 10px; font-size: 18px; font-weight: 400; letter-spacing: 0; border: 1px solid #bdcfdb; padding: 6px 7px;}

 .mob_logo h1 span{color: #ff8d02;}

#fh5co-offcanvass .mob_menu .fh5co-social-icons{position: relative; margin-top: 35px;}

.mob_header .fh5co-social-icons{right: 70px;}

.mob_header .fh5co-social-icons .phone{padding-bottom: 0px !important;}

.cd-top{display: none;}

#fh5co-offcanvass ul li a{padding: 10px 5px; text-transform: uppercase;}

.mob_menu h1, .site_sidebar h1{margin-bottom: 15px;}

.navbar-brand{display: inline-block; float: left; margin: 15px 25px 25px 25px; background-size: 90%; height: 130px; position: relative; top: 15px;}

.top-nav-mob{display: inline-block; margin-bottom: 25px !important;}

.top-nav-mob li a{border-bottom: none !important;}

.fh5co-social-icons{margin-bottom: 20px !important;}

.mob_menu{height: 100%; padding: 10px 0 30px 15px; background: #000; overflow-y: auto;}

#fh5co-offcanvass .mob_menu .fh5co-social-icons .mob_name{margin-left: 15px; margin-bottom: 7px; color: #959494;}

.mob_menu #fh5co-offcanvass{position: absolute;}

.mob_menu .fh5co-social-icons li{display: inline-block;}

.mob_menu .fh5co-social-icons li a{display: inline-block !important; margin: 0;}

.top_nav{margin-top: 0 !important;}

#fh5co-offcanvass{width: 300px;}

#fh5co-offcanvass{top: 50px; padding: 0 0 40px;}

.fh5co-bg-section-3{background-size: 110%;}

.fh5co-bg-section{background-size: 100%;}

.page_catalog .fh5co-bg-section{background-size: 100%;}

.page_catalog .fh5co-hero-intro h2 {font-size: 32px; margin: 12% 0 9%;}

.fh5co-hero-intro h2{margin-top: 13%;}

.title_block{font-size: 32px;}

#fh5co-features-2 .fh5co-image img {padding-top: 50%;}

#fh5co-testimony .title_block {margin-bottom: 30px;}

 #fh5co-footer {position: relative; width: 100%; padding: 20px 0 0;}

 .fh5co-social-icons .phone{color: #eee; margin-left: 20px !important; font-size: 18px; padding-bottom: 8px !important;}

.page_404 .fh5co-bg-section{background-size: 100%; min-height: 310px; background-attachment: scroll; margin-top: 35px;}



}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.container {width: 100%;}

.top_nav li a{color: #a29d9d !important;}

.fh5co-hero-intro h2 {margin-top: 15%;}

.fh5co-hero-intro h2{font-size: 28px; line-height: 1.3;}

.entry-content{padding-right: 0;}

.wrap_side{padding: 10px 0 0;}

.wrap_side h4{font-size: 20px; margin-bottom: 15px;}

.wrap_side .btn{margin-bottom: 25px;}

.entry-title{font-size: 20px;}

.my li{display: inline-block; position: relative; margin: 76px 25px 10px; }

.my li .icon_1, .my li .icon_2, .my li .icon_3{position: absolute; bottom: 15px; left: -10px;}

.ya-share2__container_size_m .ya-share2__icon {width: 40px !important; height: 40px !important;}

.wrap_side p{font-size: 16px; margin-bottom: 15px;}

#post .owl-carousel .owl-nav .owl-next{right: -20px;}
#post .owl-carousel .owl-nav .owl-prev{left: -20px;}

.owl-carousel .owl-nav .owl-next {margin-right: 0px; right: -40px;}
.owl-carousel .owl-nav .owl-prev {margin-left: 0px; left: -40px;}
.owl-carousel .owl-nav .owl-next:hover{margin-right: 0;}
.owl-carousel .owl-nav .owl-prev:hover{margin-left: 0;}

.catalog .fh5co-figure img {width: 90%;}

.sertificate .owl-carousel .owl-nav .owl-prev {left: -40px; top: 32%;}

.sertificate .owl-carousel .owl-nav .owl-next {right: -40px; top: 32%;}

.product{padding: 15px 0;}

.fh5co-bg-section-3{background-size: 160%; background-position-x: 22%; }

 #fh5co-features-2 .fh5co-image img{display: none;}

 #fh5co-features, #fh5co-features-2, #fh5co-features-3, #fh5co-products, #fh5co-faqs{padding: 1em 0;}

 #fh5co-footer .fh5co-footer-content .wrap {padding: 15px 20px;}

 #fh5co-features-3 .fh5co-text-wrap .fh5co-text{min-height: 133px;}

 #fh5co-features-3 .fh5co-text-wrap {margin: 1.5em 0;}

 #fh5co-features-3 img{opacity: 1;}

.fh5co-figure{min-height: 300px; max-height: 320px;}

}




/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.fh5co-bg-section .fh5co-hero-wrap .owl-carousel{padding-top: 5%; min-height: 500px;}

.mob_menu h1, .site_sidebar h1{margin-top: 10px;}

#fh5co-features-3 .fh5co-text-wrap .fh5co-text{min-height: auto; padding-bottom: 15px;}

#fh5co-features-3 .fh5co-text-wrap{margin: 15px 0;}

.catalog .fh5co-figure img {width: 80%;}

.fh5co-bg-section-3 {background-size: 110%; background-attachment: inherit !important; background-position-x: 25%; padding-bottom: 10%;}

.fh5co-section-heading {margin-bottom: 1em;}

#fh5co-footer p {margin: 0 0 5px;}

.copyright{padding-bottom: 35px;}

.made_by a{font-size: 16px;}

.made_by{top: 38px;}

#fh5co-features-3 .fh5co-text-wrap .fh5co-text{padding: 35px 10px 8px; }

.page_404 .fh5co-bg-section{min-height: 220px;}

.page_404 .fh5co-hero-intro h2 {margin: 20px auto 40px;}

.page_404 .fh5co-hero-intro p{font-size: 28px;}


}

@media only screen and (max-width : 667px) {

 .owl-carousel .owl-item  .slide_item{display: none;}

.owl-carousel .owl-item .slide_mobile{display: block;}


.product .owl-carousel .owl-item .item:hover{border-color: transparent;}

.fh5co-hero-intro h2 {font-size: 24px;}

.nav-tabs>li>a{font-size: 15px; margin: 15px 10px 20px;}

.tab-content{max-height: 315px;}

.product{padding: 20px 0 0;}

.catalog{padding: 1em 0;}

.catalog .fh5co-figure img {width: 90%;}

.catalog .fh5co-figure{min-height: 360px; max-height: 400px;}

.fh5co-section-heading .fh5co-sub{line-height: 24px;}

.title_block {font-size: 28px; line-height: 1.4; padding: 0 10px;}

#fh5co-testimony{padding: 20px 0 45px;}

.entry-title{font-size: 17px;}

.page_catalog .fh5co-hero-intro h2 {font-size: 30px; margin: 15% 0 9%;}

.page_catalog .fh5co-bg-section {background-size: 140%; min-height: 215px; background-position: 45% 8%;}

.entry-content p{font-size: 15px;}

.entry-content ol li{font-size: 15px;}

.entry-content ul{margin: 25px 0 20px;}

.fh5co-figure{min-height: 280px;}

 .owl-carousel .owl-nav .owl-next {margin-right: 0px; right: -30px;}
 .owl-carousel .owl-nav .owl-prev {margin-left: 0px; left: -30px;}

 .fh5co-bg-section-3 .fh5co-hero-intro h3{font-size: 18px; line-height: 1.3; padding: 0 15px;}

 .fh5co-features-2-content p{font-size: 15px; line-height: 22px;}

 #fh5co-footer .fh5co-footer-content .wrap {padding: 5px 15px;}

 #fh5co-footer .fh5co-footer-content .contact .big {font-size: 18px;}

 #fh5co-footer ul li {line-height: 26px; margin: 0 0 12px 0;}

 .wrap_abaut{width: 95%;}
 .fh5co-bg-section-2{background-size: 250%;}

 .fh5co-icon{width: 82px; height: 82px; margin: 10px auto 20px;}

#fh5co-features-2 .fh5co-icon i{font-size: 40px;}

 #fh5co-footer .fh5co-footer-content .contact li i{font-size: 20px;}

 #fh5co-footer .fh5co-footer-content .title_block {font-size: 24px;}

 .made_by{font-size: 12px;}

 .made_by a {font-size: 15px;}

 .wrap_map iframe {width: 100%;}



}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
  .col-ss-12 {width: 100%;}
  .col-ss-11 {width: 91.66666666666666%;}
  .col-ss-10 {width: 83.33333333333334%;}
  .col-ss-9 {width: 75%;}
  .col-ss-8 {width: 66.66666666666666%;}
  .col-ss-7 {width: 58.333333333333336%;}
  .col-ss-6 {width: 50%;}
  .col-ss-5 {width: 41.66666666666667%;}
  .col-ss-4 {width: 33.33333333333333%;}
  .col-ss-3 {width: 25%;}
  .col-ss-2 {width: 16.666666666666664%;}
  .col-ss-1 {width: 8.333333333333332%;}

 .fh5co-bg-section{}

 .catalog-section #fh5co-features-3 .fh5co-text-wrap .fh5co-text{max-height: 224px; margin: 0px 3px 7px;}

 .tab-content {max-height: 410px;}

 .mob_logo h1{font-size: 16px; margin: 10px 5px;}

.fh5co-hero-intro h2 {font-size: 20px; margin-top: 21%;}

 .nav-tabs>li>a{margin: 5px 20px 15px;}

 .product .owl-carousel .owl-item img {width: 95%;}

 .plus span{font-size: 16px;}
 .item_plus{padding: 0 10px;}

 .catalog .fh5co-figure{min-height: 100%; padding-bottom: 15px; max-height: 100%;     padding: 40px 20px 10px;}

 .page_catalog .fh5co-hero-intro h2 {font-size: 26px; margin: 16% 0 9%;}

 .page_catalog .fh5co-bg-section {background-size: 130%;}

 .title_post{margin: 15px 0 15px; font-size: 17px;}

 .fh5co-bg-section-4 h3{font-size: 16px;}

 .fh5co-bg-section-4 .title_block{font-size: 24px;}

 .catalog .fh5co-figure img {width: 80%;} 

 .catalog .container {width: 95%;}

 #post .owl-carousel .owl-nav .owl-next{right: -25px;}
 #post .owl-carousel .owl-nav .owl-prev{left: -25px;}

 .owl-carousel .owl-nav .owl-next {margin-right: 0px; right: -5px;}
 .owl-carousel .owl-nav .owl-prev {margin-left: 0px; left: 5px;}
  .owl-carousel .owl-nav .owl-next i,
 .owl-carousel .owl-nav .owl-prev i{color: #f07c00;}

 .clients .owl-carousel .owl-item img{width: 90%; margin: auto;}

.fh5co-bg-section-2{padding: 0;}

 .sertificate .owl-carousel .owl-nav .owl-prev {left: -10px;}

.sertificate .owl-carousel .owl-nav .owl-next {right: -15px;}

.fh5co-bg-section-3 .fh5co-hero-intro h2{margin-top: 0; margin-bottom: 15px;}

.fh5co-bg-section-3{background-color: #202020; background-image: none !important; padding-top: 40px; padding-bottom: 45px;}

.wrap_abaut{padding: 30px;}
#fh5co-features, #fh5co-features-2, #fh5co-features-3, #fh5co-products, #fh5co-faqs{padding: 0;}

#fh5co-features-3 .fh5co-text-wrap .fh5co-text{margin: 0 0px 50px; padding: 28px 10px 12px;}
#fh5co-features-3 .fh5co-icon{width: 72px; height: 72px; line-height: 35px;}

.filter_items {padding: 10px 5px 0;}

.filter_label {margin: 0 3px 10px;}

.inside .content {padding: 50px 5% 40px;}

.fh5co-figure{min-height: 100%; padding-bottom: 15px; margin: 15px 0;}

.fh5co-bg-section-3 .fh5co-hero-intro h3{font-size: 16px; padding: 0 10px; margin-top: 10px;}

.cta .btn{padding: 10px 18px; margin-top: 15px;}

#sertificate .owl-item .item{margin: 5px 40px;}

.page_404 .fh5co-bg-section{min-height: 145px;}

.page_404 .fh5co-hero-intro h2 {font-size: 30px; margin: 10px auto 40px;}

#fh5co-testimony .container{width: 95%;}

#fh5co-testimony .owl-carousel .owl-nav .owl-prev, #fh5co-testimony .owl-carousel .owl-nav .owl-next{top: -13%;}

#fh5co-testimony .owl-carousel .owl-nav .owl-prev{left: 10px;}

#fh5co-testimony .owl-carousel .owl-nav .owl-next{right: 10px;}

#fh5co-testimony p{padding: 0; text-align: center;}

#fh5co-footer .fh5co-footer-content .title_block {font-size: 24px; text-align: center;}

#fh5co-footer .fh5co-footer-content form .btn{margin: 15px auto 0;}

.made_by {right: 0; left: 0;}

.ya-share2__link{margin: 0 4px 7px !important;}

.wrap_side .btn{margin: 10px 0 33px;}

#fh5co-footer  form{width: 95%;}







}



/* Custom, iPhone Retina */
@media only screen and (max-width : 380px) {

.tab-content {max-height: 365px;}

.nav-tabs>li>a {margin: 10px 13px 0;}

.page_catalog .fh5co-bg-section {background-size: 170%; background-position-x: 86%;}

.page_catalog .fh5co-hero-intro h2{line-height: 28px; margin: 20% 0 9%;}

#sertificate .owl-item .item{margin: 0 25px;}

#fh5co-testimony .owl-carousel .owl-nav .owl-prev, #fh5co-testimony .owl-carousel .owl-nav .owl-next{top: -12%;}

#fh5co-testimony .owl-carousel .owl-nav .owl-prev{left: 0;}

#fh5co-testimony .owl-carousel .owl-nav .owl-next{right: 0;}

.fh5co-bg-section-3{background-size: 150%;}

.my li{margin: 76px 23px 10px;}

}