/*--------------------------------------------------------------
15. Media queries
--------------------------------------------------------------*/
@media only screen and (min-device-width: 1400px) and (max-device-width: 1600px){ 
   

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

}
@media only screen and (min-width: 1400px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    /* margin-right: 40px;
	    margin-left: 40px; */
	}
	.order-div-left-side{
		padding-right: 80px;
	}

}
@media only screen and (max-width: 1400px) {
	.slider-content h1 {
	    font-size: 45px;
	}
	.slider-content p {
    	font-size: 28px;
    }
    .hero-image, .hero-image-3x {
    	max-width: 100%;
	}
	.carousel-indicators {
    	margin-left: 47%;
	}
	/*.girl-side-img {
		right: -70px;
	    max-width: 350px;
	}*/
	.services-icon {
    	margin-right: 20px;
	}
	.modal .btn-close {
    	right: 25%;
    }
    .reg-text p {
    	font-size: 16px!important;
    	line-height: 20px!important;
	}
	.slider-content.more-content{
    	padding-bottom: 10px;
	}

}
@media only screen and (max-width: 1770px) {
	/*.info-bg-pad-cust{
    padding-left: 180px;
} */
	}
@media only screen and (min-width: 1601px) {
	.info-bg-pad-cust{
    padding-left: 180px;
}
	}
	@media only screen and (max-width: 1600px){
.info-bg-pad-cust {
    padding-left: 232px;
}
}
@media only screen and (max-width: 1360px) {
	.tablet-info-section{
    display: block;
}
.dasktop-info-section{
    display: none;
}
.info-bg-pad-cust
{
	padding-left: 0px;
	}
}
@media only screen and (max-width: 1200px) {
	body{
    	padding-bottom: 610px;
	}
	.slider-content h1 {
	    font-size: 35px;
	}
	.slider-content p {
    	font-size: 23px;
    	line-height: 30px;
    }
    .slider-content {
    	padding-bottom: 30px;
	}
	.owl-carousel .owl-nav button.owl-next{
	    right: -15px;
	}
	.owl-carousel .owl-nav button.owl-prev{
	    left: -15px;
	}
	.services-box {
    	padding: 20px 20px 65px
	}
	.title {
    	font-size: 27px;
    	margin-bottom: 30px;
    }
    .table.order-div-table tr th.title {
    	font-size: 27px;
	}
    .services-icon {
    	margin-right: 15px;
	}
    .services-title img {
	    max-height: 60px;
	    max-width: 60px;
	}
	.girl-side-img{
		display: none;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
    	margin-right: 20px;
    	margin-left: 20px;
	}
	.modal .btn-close {
    	right: 20%;
    }
    .price-round{
	    left: -10px;
	    width: 140px;
	    height: 140px;
	}
	.price-round span.two{
	    font-size: 35px;
	    line-height: 35px;
	}
	.price-round span.three{
	    font-size: 20px;
	    line-height: 20px;
	}
	.price-box .mini-title {
    	font-size: 21px;
    }
    .round-text {
	    font-size: 25px;
	    line-height: 24px;
	}
	.support-border-box {
    	padding: 20px 40px;
    }	
	.support-border-box .content {
    	padding: 20px 30px;
	}
	.img-boxes-div .grey-bg-box , .img-boxes-div .transperent-bg-box{
	    background-color: transparent;
	    border: 1px solid #ebebeb;
	}
	.step-boxes{
		display: flex;
	    flex-wrap: initial;
	    overflow-x: scroll;
		cursor: grab;
	}
	.step-boxes li{
	    white-space: nowrap;
	    min-width: 200px;
	    width: auto;
	}
	.step-boxes::-webkit-scrollbar {
		display: none;
	}
	.step-boxes li span.fa {
	    font-size: 10px;
	    margin-left: 30px;
	}
	.custom input[type="checkbox"] {
		vertical-align: bottom;
	}
	.endnewsl {
		margin-top:15px;
	}
}

@media only screen and (max-width: 991px) {
	.lable-ps .desc-list {
    min-height: 74px;
}
	.slider-content {
	    padding-bottom: 30px;
	    padding-top: 50px;
	    max-width: 600px;
	    margin: auto;
	}
	.nav-item{
		width: 100%;
		text-align: left;
	}
	.carousel-indicators {
    	bottom: -20px;
	}
	.navbar-nav .nav-link {
	    width: auto;
	    display: inline-block;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	    margin-right: 0px;
	    margin-left: 0px;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	    box-shadow: none;
	    background-color: transparent!important;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
		justify-content: flex-start;
	    background-color: transparent!important;
	    border-bottom: none!important;
	}
	.top-header {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #4c4d4c;
	}
	.top-header .theme-btn{
    padding: 0px 20px;
	}
	.header {
    padding: 20px 0px 20px;
    border-bottom: 1px solid #cccccc8a;
    background-color: #fff !important;
	}
	.modal .btn-close {
    	right: 10%;
    }
    .side-bootm-absolute-image {
	    position: relative;
	    top: 0px;
	    margin-top: 30px;
	}
	.hosting-images-list {
	    margin-top: 30px;
	}
	.pricing-section{
	    margin: 0px;
	    background-image: none!important;
	}
	.pricing-section .price-box{
	    position: relative;
	    top: 0px;
	}
	.last-two-md-padding{
		padding-top: 0px;
	}
	.support-border-box {
    	display: block;
    	text-align: center;
    }	
	.support-border-box .content {
    	padding: 20px 0px;
	}
	.support-border-box.transperent-box .theme-btn , .support-border-box.transperent-box .support-chat-icon{
    	margin-top: 0px;
	}
	.live-config-image, .hosttest-image {
    	margin-top: 20px;
	}
	.small-price-box {
	    display: block;
	    min-width: auto;
	}
	.news-year-list {
	    box-shadow: none;
	    border-radius: 0px;
	    padding: 20px 0px;
	    max-width: 100%;
	    position: initial;
	    top: 0px;
	    display: flex;
	    flex-wrap: initial;
	    overflow-x: scroll;
		cursor: grab;
		border-bottom: 1px solid #cecece;
		margin-bottom: 50px;
	}
	.news-year-list::-webkit-scrollbar {
		display: none;
	}
	.news-year-list p {
	    font-size: 20px;
	    margin-bottom: 0px;
	    white-space: nowrap;
	    padding-left: 0px;
	    padding-right: 40px;
	}
	.news-year-list p.active{
    	color: #ff4552;
	}	
	.news-year-list p::before{
		display: none;
	}
	.step-boxes li{
		display: inline-block;
		min-width: auto;
	    padding-left: 40px;
	}
	.order-step-div .theme-btn.input-btn {
    	padding: 12px 15px;
	}
	.without-title-side-sec {
    	margin-top: 0px;
	}
	.theme-bg-img .carousel-indicators {
	    bottom: -35px;
	}
	.theme-bg-img .carousel-indicators .active {
    	background-color: #808080;
	}
	.sticky-sidebar{
    	display: block;
    	margin-top: 1px;
    	margin-bottom: 20px;
    	position: initial;
    	top: 0px;
	}
	.theme-bg-img .header {
    background-color: #fff0 !important;
	}
	.theme-bg-img  #navbar-hamburger svg {
    fill: #fff !important;
	}
	.theme-bg-img .top-header .text-links .dropdown-menu {
    right: 0px !important;
    top: -13px !important;
	}
	.theme-bg-img .nav-item.dropdown .dropdown-menu::after {
   	display: none;
	}
	.theme-bg-img .nav-item.dropdown .dropdown-item {
    color: #fff;
	}
	.top-header .text-links .dropdown-menu {
    right: 0px !important;
    top: -13px !important;
	}
	.navbar-nav {
	margin-top:25px;
	}
	    .price-round{
	    left: -10px;
	    width: 130px;
	    height: 130px;
	    margin-top: 40px;
	}
	.price-round span.one{
	    font-size: 14px;
	    line-height: 21px;
	}
	.price-round span.two{
	    font-size: 30px;
	    line-height: 35px;
	}
	.price-round span.three{
	    font-size: 18px;
	    line-height: 20px;
	}
	.round-text {
	    font-size: 22px;
	    line-height: 23px;
	}
}

@media (min-width: 992px){

}

@media only screen and (max-width: 767px) {
	body{
    	padding-bottom: 780px;
	}
	.carousel-indicators {
    	margin-left: 0px;
	}
	.news-box p {
	    margin-right: 20px;
	}
	.news-date {
	    min-width: 35px;
	}
	.news-box .grey-btn {
    	min-width: 130px;
	}
	.services-box-margin {
    	margin-bottom: 30px;
	}
	.slider-content {
	    padding-bottom: 10px;
	    padding-top: 50px;
	    text-align: center;
    }
	.shadow-input-form label{
	    padding-top: 10px;
	    padding-bottom: 8px;
	}
	.order-process-box, .context .order-process-box {
    	padding: 20px 10px;
	}
	.banner-img{
    	margin-bottom: 20px;
	}
	.domain-white-box button{
		font-size:14px!important;
		padding: 3px 12px!important;
	}
	.dataTables_filter{
		margin-top:15px;
		margin-bottom:15px;
	}
	.slider-content .d-flex, .slider-content .d-md-flex{
		justify-content: center;
	}
	.reg-text {
		padding-bottom: 5px;
		padding-top: 10px;
	}
}
@media (min-width: 768px){ 
  	.first-step-three-btn-width{
		width: calc(100% - 236px);
	}
	.first-step-three-btn-inline{
		display: inline-flex;
	}
	.first-step-three-btn-inline-block{
		display: inline-block;
	}
}
    

@media only screen and (max-width: 575px) {
	body {
    	padding-bottom: 760px;
	}
	.slider-content h1 {
	       font-size: 35px;

	}
	.container {
			padding-right:15px;
			padding-left:15px;
	}
	.slider-content p {
    	font-size: 20px;
    	margin-bottom: 10px;
    }
	.carousel-indicators {
    	/*bottom: -30px;*/
	}
	.carousel-indicators [data-bs-target] {
	    margin-right: 7px;
	    margin-left: 7px;
	}
	.title {
    	font-size: 25px;
    }
    .table.order-div-table tr th.title {
    	font-size: 25px;
	}
    .news-box {
    	display: block;
	}
	.news-box p {
	    margin-right: 0px;
	}
    .news-desc {
    	margin: 15px 0px!important;
	}
	.owl-carousel .owl-nav button.owl-next{
	    right: -10px;
	}
	.owl-carousel .owl-nav button.owl-prev{
	    left: -10px;
	}
	.top-header .text-links li {
	    margin-right: 5px;
	}
	.top-header .text-links li p {
    	font-size: 13px;
	}
	.top-header .theme-btn, .headver2 .top-header .theme-btn {
	    padding: 4px 10px;
	    font-size: 12px;
	}
	.header.sticky-bar {
    	padding: 8px 0px;
	}
	.modal .btn-close {
    	right: 10px;
    }
    .price-box-margin {
	    padding-top: 0px;
	}
	.center-box.active-box {
        margin-top: 0px;
	}
	.price-round{
	    left: -10px;
	    width: 100px;
	    height: 100px;
	    margin-top: 40px;
	    z-index: 100;
	}
	.price-round span.one{
	    font-size: 12px;
	    line-height: 21px;
	}
	.price-round span.two{
	    font-size: 26px;
	    line-height: 26px;
	}
	.price-round span.three{
	    font-size: 16px;
	    line-height: 20px;
	}
	.round-text {
	    font-size: 18px;
	    line-height: 20px;
	}
	.p-inlines p {
    	/*display: block;*/
	}
	.accordion-button {
    	padding: 24px 15px;
    }
    .domain-white-box {
    	margin-bottom: 20px;
	}
	.support-border-box {
    	padding: 20px;
	}
	.first-text{
	    font-size: 42px;
	    line-height: 43px;
	}
	.second-text{
	    font-size: 60px;
	    line-height: 54px;
	}
	.third-text{
	    font-size: 31px;
	    line-height: 35px;
	}
	.forth-text{
	    font-size: 24px;
	    line-height: 27px;
	}
	.news-year-list {
	    padding: 10px 0px;
		margin-bottom: 40px;
	}
	.news-list {
    	padding: 30px 0px;
    }
	.news-year-list p {
	    font-size: 16px;
	    padding-right: 20px;
	}
	.order-step-div .table tr td:first-child, .order-step-div .table tr th:first-child {
    	padding-left: 1rem;
	}
	.btn-flex {
	    /*display: block;
	    text-align: center;*/
	    flex-direction: column;
	}
	.step1-sec2{
    	display: none;
	}
	.order-step-div .btn-flex .theme-btn{
		/*font-size: 14px;*/
    	min-width: auto;
    	width:100%;
	}
	.white-shadow-box-padding {
    	padding: 20px 10px;
	}
	.theme-bg-img .top-header .theme-btn.dropdown-toggle::before {
    	bottom: 4px;
    }
	.header {
       padding: 20px 0px 20px;
}
.german_hosting_green_energy_icon {
    width: 69px;
    height: 69px;
}
	.serv-toggle:before,
	.serv-toggle:after {
  		line-height: 1.5rem;
 		width: 100%;
  		font-size: 20px;
	}
	.serv-toggle:before {
  		left: -8rem;
	}
	.serv-toggle:after {
  		right: -8rem;
	}
	.hero-image {
		max-width: 140%;
		position: relative;
		left: -20%;
	}
	.hero-overflow {
		overflow:hidden;
		margin-left: -15px;
  		margin-right: -15px;
  		width: calc(100% + 30px);
	} 

}
@media (min-width: 576px){
}

@media only screen and (max-width: 480px) {
 	.title-serv
	{
	font-size: 20px;
	}
	.fronttitle {
    	font-size: 35px!important;
    }
}
@media only screen and (max-width: 400px) {
	.text-links li {
    	margin-right: 7px;
	}
	.table.order-div-table tr th.title {
    	font-size: 18px;
	}
	.serv-toggle:before,
	.serv-toggle:after {
  		line-height: 0.75rem;
  		font-size: 16px;
	}
	.serv-toggle:before {
  		left: -5rem;
	}
	.serv-toggle:after {
  		right: -5rem;
	}
	.serv-toggle {
  		margin: 0 0rem;
  		height: 1.5rem;
  		width: 3rem;
	}
	.serv-toggle .handle {
  		top: 0.1875rem;
 		left: 0.1875rem;
  		width: 1.125rem;
 		height: 1.125rem;
	}
	.serv-toggle.active > .handle {
  		left: 1.6875rem;
	}
}
@media screen and (max-width: 375px){
	
	.fronttitle {
    	font-size: 25px!important;
    }
    .fronttitlep {
    	font-size: 22px!important;
    }

}
@media screen and (max-width: 321px){
	.serv-toggle:before {
  		left: -4rem;
	}
	.serv-toggle:after {
  		right: -4rem;
	}
}