@media(max-width: 1100px){
  .top-slider-full-width .container p {
    font-size: 40px;
    line-height: initial;
    bottom: 20px;
    top: auto;  
  }
}

@media (max-width: 768px) {
	.container {max-width:778px;}
  .product-page-outer-wrap header h2 {
    margin-top: 15px;
  }
  .top-slider-full-width .container p {
    font-size: 18px;
    line-height: initial;
    bottom: 10px;
    top: auto;  
  }
  header h3{
    font-size: 22px;
  }
  .profile-description-outer-wrap {
	max-height:250px;
  }	
}

@media(max-width: 500px){
  .frame-bottomborder header > h3{
    font-size: 17px;
  } 
  h1 {
	font-size: 2rem !important;
        line-height: 3.2rem !important;
  }
}

@media (min-width: 992px) {

  .mobile-menu-outer-wrap {
    display: none;
  }
}

@media (max-width: 991px) {
	.container {max-width:940px;}
  .desktop-menu-outer-wrap, .top-menu-outer-wrap {
    display: none;
  }

  /*a.navbar-brand.navbar-brand-image {
    top: 17px;
    position: absolute;
    right: 0;
  }*/

  .mobile-menu-outer-wrap img.navbar-brand-logo-normal {
    /*height: 38px;*/
    height: auto;
    width: 130px;
    margin-left: 15px;
	margin-top: 8px;
  }

  .mobile-menu-outer-wrap #page{
    display: flex;
    float: right;
    padding-top: 25px;
  }
  .mobile-menu-outer-wrap #page .mh-head.mh-btns-right-2{
    padding-right: 0;
  }
  .bx-wrapper ul.bxslider.full-width li p {
    font-size: 1rem;
    line-height: 1;
    left: 8%;
  }

  .bx-wrapper .bx-pager {
    bottom: 7px;
  }

  .bx-wrapper .bx-controls-direction a {
    width: 17px;
  }

  .bx-wrapper .bx-prev {
    left: 5px;
  }

  .bx-wrapper .bx-next {
    right: 5px;
  }

  .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
  }

  .contact-person-outer-wrap {
    margin-top: 25px;
  }

  /*.product-text-wrap h3 {
    font-size: 50px;
  }*/
  .product-text-wrap h3 {
    font-size: 25px;
  }
  .product-page-outer-wrap {
    padding: 0;
  }
}

/*############################################################
############################ FOOTER ###########################
##############################################################*/

@media(max-width: 767px){
  footer ul{
    padding: 0;
    position: relative;
  }
  footer ul li{
    padding-left: 15px;
  }
  footer ul li:before{
    left: 0;
  }
  .product-page-outer-wrap {
    padding: 0px 0px 40px 0px;
  }
}
/*############################################################
############################ FOOTER ###########################
##############################################################*/

/*############################################################
############################ HOME ###########################
##############################################################*/
@media(max-width: 767px){
	.top-slider-full-width li{
		height:330px;
	}
	.news { margin-bottom: 38px; }
  .news-list-view .col-md-6 .article{
    border-radius: 50%;
    padding: 0;
    /*padding-top: 15%;*/
    padding-top: 45px;
    width: 250px;
    height: 250px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .news-list-view{
    text-align: center;
  }
  .frame-bottomborder header:after{
    top: 30px;
  }
  .teaser-text a.more{
    position: relative;
    line-height: inherit;
  }
  .news-list-view .article .header h3{
    padding-top: 20px;
    max-width: 100%;
  }
  .news-single .header h3{
    font-size: 30pt;
  }
  .teaser-text a.more:before{
    left: 0;
  }
  .frame-space-after-medium {
      /*margin-bottom: 1em;*/
  }
  .frame-space-after-large {
    /*margin-bottom: 2em;*/
  }
  .outer_wrapper_bg_color{
    width: 250px;
    max-width: 250px;
    margin: 0 auto;
    display: block;
    height: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bg_img_overlay{
    width: 250px;
    height: 250px;
  }
  .outer_wrapper_bg_image {
    border-radius: 50%;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .text_with_bg_img{
    width: 250px;
    height: 250px;
  }
  .bg_color_overlay{
    width: 250px;
    height: 250px;

  }
  .uberuns header h1{
    font-size: 30px;
    line-height: inherit;
    padding: 5px;
  }
  .uberuns .frame-bottomborder header:after{
    top: 40px;
  }
  .ce-bodytext header h1{
    width: 100%;
    display: table-cell;
  }
  .ce-gallery .image-embed-item{
    width: 250px;
    height: 250px;
    display: block;
    max-width: 250px;
    margin: 0 auto;
  }
  .ce-gallery figure{
    display: block;
  }
  .ce-left .ce-gallery, .ce-column{
    float: none;
  }
  .ce-bodytext{
    margin-top: 0;
  }
}

@media(min-width: 768px) and (max-width: 991px){
  .outer_wrapper_bg_color{
    /*width: 100%;
    height: 235px;*/
    width: 170px;
    height: 170px;
    display: inline-block;
  }
  .bg_img_overlay{
    width: 170px;
    height: 170px;
  }
  .wrapper_icon_center{
    padding-top: 35px;
  }
  .wrapper_text_center h3{
    font-size: 18px;
  }
  .bg_color_overlay{
    width: 170px;
    height: 170px;
  }
  .text_with_bg_img{
    width: 170px;
    height: 170px;
  }
  .news-list-view .col-md-6 .article{
    width: 160px;
    height: 160px;
    padding: 12px 5px 2px 30px;
  }
  .news-list-view .article .header h3{
    font-size: 12px;
    padding: 0;
    max-width: unset;
    line-height: 0;
  }
  .news-list-view .teaser-text{
    padding: 0;
  }
  .news-list-view .teaser-text p{
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.3;
  }
  .teaser-text a.more:before{
    left: 0;
  }
  .frame-space-after-extra-large{
    margin-bottom: 2rem;
  }
  .wrapper_icon_center img{
    width: 30%;
  }
}


@media(min-width: 992px) and (max-width: 1200px){
  .outer_wrapper_bg_color{
    width: 100%;
    /*height: 230px;*/
    height: 210px;
  }
  .bg_img_overlay{
    width: 100%;
    height: 210px;
  }
  .wrapper_icon_center img{
    width: 25%;
  }
  .wrapper_text_center h3{
    font-size: 22px;
  }
  .bg_color_overlay{
    width: 100%;
    height: 230px;
  }
  .text_with_bg_img{
    width: 100%;
    height: 230px;
  }
  .outer_wrapper_bg_image {
    border-radius: 50%;
    width: 100%;
    height: 230px;
  }
  .news-list-view .col-md-6 .article{
    /*width: 100%;
    height: 230px;
    padding: 0;*/ 
    width: 100%;
    height: 210px;
    /*padding: 0;
    padding-top: 37px;
    padding-left: 20%;
    padding-right: 7%*/
  }
  .news-list-view .article .header h3{
    font-size: 14px;
    padding: 0;
    max-width: unset;
    line-height: 0;
  }
  .news-list-view .teaser-text{
    padding: 0;
  }
  .news-list-view .teaser-text p{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .teaser-text a.more:before{
    left: 0;
  }
}


@media(min-width: 992px) and (max-width: 1300px){
  header.navbar-top:after{
    top: 46px;
  }
}

@media(max-width: 550px){  
	.top-slider-full-width li{
		height:230px;
	}	
}
/*############################################################
############################ HOME ###########################
##############################################################*/


/*############################################################
######################### DOWNLOAD PAGE ######################
##############################################################*/
@media(max-width: 767px){
  .download-wrap{
    /*margin: 20px 0px;*/
    max-width: 300px;
    margin: 0 auto;
    width: 250px;
    height: 250px;
    margin-top: 20px;
    /*padding-top: 50px;*/
  }
  .uberuns header h2{
    font-size: 20px;
    padding: 5px;
    margin-top: 5px;
    display: inline-block;
  }
  .download-wrap .heading{
    /*padding-top: 50px;*/
  }
  .ce-bodytext p{
    width: 100%;
  }
  .download-wrap .text-wrap{
    padding-right: 0;
  }
}

@media(min-width: 768px) and (max-width: 991px){
    .download-wrap {
        width: 170px;
        height: 170px;
        margin: 40px 0px;
    }
    .uberuns header h1{
        font-size: 45px;
        line-height: initial;
        padding: 5px;
    }
    header h3{
        font-size: 16px;
    }
    .uberuns header h2{
        padding: 5px;
    }
    .download-wrap .heading span{
        font-size: 10px;
    }
    /*.download-wrap .heading{
        padding: 0 20%;
        padding-top: 12%;

    }*/
    .download-wrap .text-wrap p{
        font-size: 10px;
        line-height: initial;
    }
    .download-wrap .btn-wrap{
        font-size: 10px;
        text-align: center;
        padding-left: 0;
        padding-top: 2px;
    }
    .download-wrap .btn-wrap a{
        font-size: 10px;
    }
    .download-wrap .btn-wrap a:before{
        font-size: 10px;
    }
    /*.download-wrap .text-wrap{
        padding: 0 10% 0 20%;
    }*/
    .ce-bodytext header h1{
        width: 100%;
        display: table-cell;
    }
    .ce-bodytext{
        margin-top: 0;
    }
    .ce-bodytext header h2{
      display: inline-block;
      margin-top: 5px;
    }
    .download-wrap .heading{
      padding-left: 30px;
    }
    .download-wrap .text-wrap {
      padding-left: 30px;
    }
}

@media(min-width: 992px) and (max-width: 1200px){
    .download-wrap{
        width: 230px !important;
        height: 230px !important;
    }
    /*.download-wrap .heading{
        padding-top: 50px;
    }*/
    .download-wrap .text-wrap p{
        padding-right: 22px;
        line-height: 1.2;
        font-size: 14px;
        margin-top: 7px;
    }
}
/*############################################################
######################### DOWNLOAD PAGE ######################
##############################################################*/

/*@media(min-width: 615px){
  .frame-bottomborder {
    padding-left: 35px;
    padding-right: 40px; 
  }
}*/

/*#############################################################
########################### Moblie Menu #######################
###############################################################*/

@media(max-width: 991px){
  li.moblie-search-cts{
    padding: 0px 20px;
    list-style: none;
    display: inline-block;
    width: 100%;
  }
  .moblie-lan-wrap-cts{
    list-style: none;
    /*padding: 10px 20px;*/
    padding: 6px 0px;
  }
  .moblie-lan-wrap-cts .tx-srlanguagemenu.tx-srlanguagemenu-links a{
    color: #dc2586;
  }
  .moblie-lan-wrap-cts .tx-srlanguagemenu.tx-srlanguagemenu-links div{
    display: inline-block;
    float: left;
  }
  .moblie-lan-wrap-cts .tx-srlanguagemenu div a {
    border-right: 1px solid #000;
    padding: 0 10px;
    text-transform: lowercase;
  }
  .moblie-lan-wrap-cts .tx-srlanguagemenu div:last-child a {
      padding-right: 0;
      border-right: 0;
  }
  .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext{
    width: 100%
  }
  .moblie-search-cts .input-group-btn{
    display: none;
  }
  .moblie-lan-wrap-cts>span{
    display: inline-block;
    width: 100%;
    text-align: center;

  }
  .moblie-lan-wrap-cts>span .tx-srlanguagemenu{
    display: inline-block;
    text-align: center;
    margin-right: 20px;
  }
  .moblie-search-cts .form-wrapper{
    display: inline-block;
    width: 60%;
    float: left;
  }
  .moblie-lan-wrap-cts{
    display: inline-block;
    width: 40%;
    text-align: right;
  }
  .moblie-lan-wrap-cts .tx-srlanguagemenu.tx-srlanguagemenu-links{
    display: inline-block;
  }
}
/*#############################################################
########################### Moblie Menu #######################
###############################################################*/

/*##############################################################
######################### General Style #########################
################################################################*/

@media(max-width: 767px){
  .frame-bottomborder header > h3{
    text-align: center;
  }
  #panel-menu .mm-listitem .mm-btn.mm-btn_next.mm-listitem__btn{
    position: absolute;
    right: 0;
    height: 50px;
    width: 40px
  }
  .frame-space-before-large {
      /*margin-top: 1em;*/
  }
  .news.news-single ul.pager{
    display: none;
  }
  .news.news-single .news-text-wrap{
    margin-top: 0px;
  }
  .news-single .footer{
    margin-bottom: 0px;
  }
  .news .footer p{
    margin-bottom: 10px;
  }
  .frame-space-after-small {
    /*margin-bottom: 0.5em;*/
  }
  .frame-space-before-small {
    /*margin-top: 0.5em;*/
  }
  .frame-space-after-extra-large {
    /*margin-bottom: 1em;*/
  }
  .frame-space-before-medium {
    /*margin-top: 1em;*/
  }
  hr.ce-div {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .frame-space-before-extra-large {
    /*margin-top: 1em;*/
  }
  .product-page-outer-wrap .product-info-1-outer-wrap p{
    margin-top: 10px;
  }
  .team-member-dce-wrap {
	  margin-bottom:3em;
  } 
}

@media(max-width: 550px){
  .outer_wrapper_bg_color{
    width: 140px;
    max-width: 140px;
    height: 140px;
  }
  .outer_wrapper_bg_color .wrapper_icon_center{
    padding-top: 23%;
  }
  .outer_wrapper_bg_color .wrapper_icon_center img{
    width: 30%;
  }
  .outer_wrapper_bg_color .wrapper_text_center h3{
    font-size: 15px;
  }
  .outer_wrapper_bg_image{
    width: 140px;
    height: 140px;
  }
  .text_with_bg_img{
    width: 140px;
    height: 140px;
  }
  .bg_color_overlay{
    width: 140px;
    height: 140px;
  }

  .news-list-view .col-6{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bg_img_overlay{
    width: 140px;
    height: 140px;
  }
}

/*@media(min-width: 992px) and (max-width: 1200px){
  .cts-swiper-button-next, .cts-swiper-button-prev{
      width: auto;
  }
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev {
      right: 0;
      left: auto;
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next {
      left: 0;
      right: auto;
  }
}

@media(min-width: 1201px) and (max-width: 1300px){
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev{
    right: -15px;
    left: auto;
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next {
      left: -15px;
      right: auto;
  }
}

@media(min-width: 1301px) and (max-width: 1420px){
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev{
    right: -30px;
    left: auto;
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next {
      left: -30px;
      right: auto;
  }
}*/

@media(min-width: 991px) and (max-width: 1230px){
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev{
    right: 0px;
    left: auto;
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next {
      left: 0px;
      right: auto;
  }
  .profile-description-outer-wrap p {
    max-width:40%;
  }
}

@media(min-width: 768px) and (max-width: 991px){
	.profile-description-outer-wrap p {
	  max-width:60%;
	}
}
@media(min-width: 500px) and (max-width: 768px){
	.profile-description-outer-wrap p {
	  max-width:30%;
	}	
}
@media(max-width: 500px){
	.profile-description-outer-wrap p {
	  max-width:45%;
	}	
}

@media(max-width: 800px){
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev{
    right: -10px;
    left: auto;
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next {
      left: -10px;
      right: auto;
  }
}

@media(min-width: 1231px) and (max-width: 1400px){
  .cts-swiper-button-prev:after, .swiper-container-rtl .cts-swiper-button-next:after{
    /*font-size: 25px;*/
  }
  .cts-swiper-button-next:after, .swiper-container-rtl .cts-swiper-button-prev:after{
    /*font-size: 25px;*/
  }
  .cts-swiper-button-next, .swiper-container-rtl .cts-swiper-button-prev{
    /*right: -10px;*/
  }
  .cts-swiper-button-prev, .swiper-container-rtl .cts-swiper-button-next{
    /*left: -10px;*/
  }
}
/*##############################################################
######################### General Style #########################
################################################################*/


@media(min-width: 991px) and (max-width: 1199px){
  .contact-person-outer-wrap .contact-person-img{
    width: 30%;
    display: inline-block;
    float: left;
    margin-right: 20px;
  }
  .contact-person-img img {
    border-radius: 50%;
    width: 100%;
    height: auto;
  }
  .contact-person-outer-wrap .contact-person-name{
    width: 60%;
  }
  .contact-person-outer-wrap .contact-person-designation{
    width: 60%;
  }
  .contact-person-outer-wrap .email-link-wrapper{
    width: 60%;
  }
}

@media(max-width: 991px){
  .contact-person-outer-wrap .contact-person-img{
    width: 100% !important;
    display: inline-block !important;
    float: none !important;
    text-align: left !important;
  }
  .contact-person-outer-wrap .contact-person-name{
    width: 100% !important;
    text-align: left !important;
  }
  .contact-person-outer-wrap .contact-person-designation{
    width: 100% !important;
    text-align: left !important;
  }
  .contact-person-outer-wrap .email-link-wrapper{
    width: 100% !important;
    text-align: left;
  }
  .contact-person-outer-wrap .contact-heading-wrapper{
    font-size: 13px;
    text-align: left;
  }
  .interview {max-width:100%;}
}

@media(max-width: 767px){
  .contact-person-outer-wrap .contact-person-img{
    width: 100% !important;
    display: inline-block !important;
    float: none !important;
    text-align: center !important;
  }
  .contact-person-outer-wrap .contact-person-name{
    width: 100% !important;
    text-align: center !important;
  }
  .contact-person-outer-wrap .contact-person-designation{
    width: 100% !important;
    text-align: center !important;
  }
  .contact-person-outer-wrap .email-link-wrapper{
    width: 100% !important;
    text-align: center;
  }
  .contact-person-outer-wrap .contact-heading-wrapper{
    font-size: 13px;
    text-align: center;
  }
}
@media(max-width: 600px){
	.timeline .arrows {
		display:none;
	}
}	
/*#####################################################
############################ Logo #####################
########################################################*/

@media(max-width: 767px){
  .mobile-menu-outer-wrap{
    display: inline-block;    
    width: 100%;
  }
  /*a.navbar-brand.navbar-brand-image{
    position: unset;
    display: inline-block;
    width: 53%;
    float: right;    
  }*/
  .mobile-menu-outer-wrap img.navbar-brand-logo-normal{
    /*width: 100%;*/
    width: 130px;
    height: auto;
    margin-left: 15px;
  }
  .mobile-menu-outer-wrap .navbar-brand{
    padding: 0;
    margin: 0;
  }
}

@media (max-width: 550px){
  .outer_wrapper_bg_color:hover .bg_img_overlay{
    width: 140px;
    height: 140px;
  }
}


@media(max-width: 767px){
  .product-cts-slider-wrap img{
    /*width: 60% !important;*/
    display: block;
    margin: 0 auto;
    width: 250px !important;
    height: 250px !important;
  }
  /*.cts-swiper-button-next:after, .swiper-container-rtl .cts-swiper-button-prev:after{
    font-size: 25px;
  }*/
  /*.cts-swiper-button-prev:after, .swiper-container-rtl .cts-swiper-button-next:after{
    font-size: 25px;
  }*/
  /*.product-wrap-main-outer .cts-wrap-outer {
    top: 130px !important;
  }*/
}

@media(min-width: 768px) and (max-width: 991px){
  .product-cts-slider-wrap img{
    width: 285px !important;
    height: 285px !important;
    display: block;
    margin: 0 auto;
  }
  .uberuns header h2{
    font-size: 20px;
  }
}

@media(min-width: 992px) and (max-width: 1229px){
  .product-cts-slider-wrap img{
    width: 250px !important;
    height: 250px !important;
    border-radius: 50% !important;
    display: block;
    margin: 0 auto;
  }
  .product-wrap-main-outer .cts-wrap-outer {
    top: 130px;
  }
}





/*#####################################################
################## Responsive Tables ##################
########################################################*/

@media all and (max-width:640px) {

	#qualitystandard td:first-child, 
	#storage td:first-child {
    	width: 100%;
	}
	
	#qualitystandard, 
	#qualitystandard thead, 
	#qualitystandard tbody, 
	#qualitystandard tr, 
	#qualitystandard th, 
	#qualitystandard td,
	#storage, 
	#storage thead, 
	#storage tbody, 
	#storage tr, 
	#storage th, 
	#storage td{
		display: block;
	}

	#qualitystandard, #storage {
		text-align: right;
	}

	#qualitystandard thead, #storage thead {
		position: absolute;
		top: -1111px;
		left: -1111px;
	}

	#qualitystandard td:before, #storage td:before {
		float: left;
		padding: 0 10px 0 0;
		content: attr(data-label);
		font-weight: bold;
	}

	#qualitystandard td:nth-child(1) {
		font-weight: bold;
		text-align: left;
	}
	#storage td:nth-child(1) {
		text-align: right;
		word-break: break-word;
	}
	#qualitystandard td:last-child, #storage td:last-child {
		border-bottom: 3px #be1982 solid;
	}
	#qualitystandard td[colspan="4"] {
    	display: none !important;
	}
    #qualitystandard td, #storage td {
    	padding: 0.4em !important;
	}
	#qualitystandard .text-center {
    	text-align: end !important;
		padding-right: 20px !important;
	}
	.oddRow {
		background: #fff;
	}
} 

.mobile-menu-outer-wrap #my-menu{
  display:none;
}