@media (min-width: 768px)
{
	/* Masaüstü */
	.sqtm,
	.sqtm .stuckMenu{
		background: rgb(41, 81, 161) !important;
	}
	.sqtm .sqtm-nav{
		display:flex;
		flex-direction: row;
	}
	.sqtm-nav .icon{
		color: white;
		font-size: 1em;
		margin-top: auto;
		margin-bottom: auto;
	}

	.sqtm-nav .navbox{
		display: flex;
		position: relative;
	}
	.sqtm-nav .navbox > a{
		padding: 10px 15px;
		height: 100%;
		display: flex;
	}
	.sqtm-nav .navbox:hover{
		background-color: rgba(255,255,255,.1);
	}

	.navbox .icon,
	.navbox .navtext,
	.navbox .caret{
		margin-top: auto;
		margin-bottom: auto;
		word-break: break-word;
		white-space: normal;
	}

	.navbox .navtext > .navtext{
		font-weight: 900;
	}
	.navbox .navtext,
	.navbox .caret{
		color: white;
		margin-left: 10px;
		font-size: 1em;
	}
	.navbox  .dropdowned a > .navtext{
		flex: 1;
	}
	.navbox  .dropdowned .navtext,
	.navbox  .dropdowned .caret{
		color: black;
		margin-left: 10px;
		font-size: 1em;
	}

	.navbox .dropdowned .navtext2{
		color: rgba(0, 0, 0, .8);
		margin-left: 10px;
		font-size: 1em;
		white-space: normal;
		overflow: hidden;
		display: block;
		word-break: break-word;
	}

	.navbox .dropdowned{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		position: absolute;
		top: 39px;
		background-color: white;
		z-index: 5;
		white-space: nowrap;
		border: solid 1px rgba(114, 114, 114, 0.5);
		transition: all 0.2s;
		opacity: 1;
		border-top: 0px;
	}
	.navbox-child .fa {
		color: #2951a1  !important;
	}
	.navbox:not(:hover) .dropdowned{
		transition: all 0.2s;
		opacity: 0;
		height: 0;
		overflow: hidden;
	}
	.dropdowned .navbox-child{
		display: flex;
		flex-direction: row;
	}
	.dropdowned .navbox-child:hover{
		background-color: rgba(0,0,0,.1);
	}
	.dropdowned .navbox-child > a{
		display: flex;
		flex-direction: row;
		padding: 10px 5px 10px 20px;
		width: 310px;
	}
	.dropdowned .icon{
		font-size: 3em;
		color: black;
		flex: 0 0 40px;
		width: 40px;
	}
	.navbar-toggle .icon-bar{
		background-color: white;
	}
}
@media (min-width: 0px) and (max-width: 768px)
{
	/* Mobil */
	.sqtm,
	.sqtm .stuckMenu{
		background: rgb(41, 81, 161) !important;
	}
	.sqtm .sqtm-nav{
		display:flex;
		flex-direction: column;
	}
	.sqtm-nav .icon{
		color: white;
		font-size: 1em;
		margin-top: auto;
		margin-bottom: auto;
	}
	
	.sqtm-nav .navbox{
		display: flex;
		position: relative;
		flex-direction: column;
	}
	.sqtm-nav .navbox > a{
		padding: 10px 15px;
		height: 100%;
		display: flex;
	}
	.navbox .icon,
	.navbox .navtext,
	.navbox .caret{
		margin-top: auto;
		margin-bottom: auto
	}
	
	.navbox .navtext,
	.navbox .caret{
		color: white;
		margin-left: 10px;
		font-size: 1em;
	}
	
	.navbox .dropdowned .navtext2{
		color: rgba(255, 255, 255, .8);
		margin-left: 10px;
		font-size: 1em;
		white-space: normal;
		overflow: hidden;
		display: block;
		word-break: break-word;
	}
	
	.navbox .dropdowned{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		white-space: nowrap;
	}
	.dropdowned .navbox-child{
		display: flex;
		flex-direction: column;
		margin-left: 20px;
	}
	.dropdowned .navbox-child:hover{
		background-color: rgba(255,255,255,.2);
		backdrop-filter: blur(2px);
		
	}
	.dropdowned .navbox-child > a{
		display: flex;
		flex-direction: row;
		padding: 10px 20px;
	}
	.dropdowned .icon{
		font-size: 3em;
		text-shadow: 0 0 5px black;
	}
	.navbar-toggle .icon-bar{
		background-color: white;
	}
}


.sticky.isStuck,#HomeOfferBox.isStuck{margin-top:0px !important;}

.footer.section_space .row > div > h4{
	border-bottom: solid 3px;
	padding-bottom: 7px;
}
.footer.section_space .row > div > ul > li{
    padding: 6px 0;
    border-bottom: solid 1px;
    padding-bottom: 3px;
}
.section_space .owl-controls{
	margin-top: 20px;
}
#clients .item img{
	filter: inherit !important;
	opacity: 1 !important;
	margin: 10px 0px;
}

.owl-carousel .owl-item{
	float: inherit !important;
	display: inline-block;
	vertical-align: middle;
}
#mainslider .owl-wrapper{
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 24%, #dee2e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 24%,#dee2e5 100%);
    background: linear-gradient(to bottom, #ffffff 24%,#dee2e5 100%);
}
.pricingtables.table-since > div{
    padding: 0px;
    transition: 0.3s all;
}
/*
.small-ver-scale:hover{
    transform: scale(1.02,1.04);
}
.medium-ver-scale:hover {
    transform: scale(1.04,1.07);
}
.big-ver-scale:hover {
    transform: scale(1.07,1.09);
}*/
.sup-top{
    top: -1em;
    font-size: 40%;
}
.sup-top::before {
    content: '.';
}
.sticker-wrapper {
    position: absolute;
    top: -16px;
    left: 0px;
    width: 100%;
    display: flex;
    z-index: 1;
}
.sticker-wrapper .sticker {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    text-align: center;
    left: 0;
    display: block;
    background-color: #fedc45;
    padding: 7.5px 15px;
    color: black;
    margin: 0 auto;
    border-radius: 12em;
    box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.5);
    box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 6px 9px -5px rgba(0,0,0,0.5);
}
.pricingtables .panel > ul > li + li {
    border-top: solid 1px #e9e9e9;
}
/*Desktop Css*/
@media (min-width:767px){
	.col-sm-20 {
	    width: 20% !important;
	}/*
	.small-ver-scale >  .panel{
		width: 100%;
		box-shadow: 0px 0px 50px -16px black !important;
	}
	.medium-ver-scale >  .panel{
		position: absolute;
		width: 105%;
		box-shadow: 0px 0px 50px -16px black !important;
		top: -10px;
		left: -2.5%;
		padding-bottom: 10px;
	}
	.big-ver-scale> .panel{
		position: absolute;
		width: 110%;
		box-shadow: 0px 0px 50px -16px black !important;
		top: -20px;
		left: -5%;
		padding-bottom: 20px;
	}*/
	.big-ver-scale{
		position: relative;
		top: -20px;
	}
	.big-ver-scale .panel-heading{
		padding-top: 30px;
	}
	:not(.other) >.pricingtables .panel-info:not(.meet-shadow) {
	    border: 0px;
	   box-shadow: 0px 0px 0px 0px black !important;
	}
	:not(.other) >.pricingtables .panel-info.meet-shadow{
	   box-shadow: 0px 0px 51px -21px black !important;
	}
}
@media (max-width:767px){
	#footer-banner{
		display: none;
	}
	#shared-hosting-tabs .tabfeatures {
		margin-top: 0px !important;
	}
	.tabfeatures .padding-bottom-30{
		padding-bottom: initial;
	}
}

.col-sm-20{
	 margin-bottom: 10px;
}
.table-since{
	margin: auto;
	max-width: 1470px;
	padding: 0px 10px;
}
.panel-shadow-10{
	box-shadow: 0px 0px 0px lightgray;
}
.collapser,
.collapser > td{
	padding: 0px !important;
}
.tiny_br{
	padding-top: 25px;
}
.faq h2.title{
	color: #0052A5;
}
.mpx.section-list ul li{
	margin-top: 7px !important;
}
.mpx {
    margin-top: 20px;
    margin-bottom: 20px;
}
.padding-bottom-30 {
    padding-bottom: 30px;
}
.has-img-holder{
	position: relative;
	background: unset !important;
	-moz-background: initial !important;
}
.img-holder img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	filter: brightness(50%);
	width: 100%;
}
.footer.section_space li,
.footer.section_space h4{
	text-align: center;
}
.footer-contact{
	padding: 12px 0px 3px 0px;
	border-top: solid 1px #e6e6e6;
}
.footer_logo {
	padding-top: initial !important;
	padding-bottom: 10px;
}
.footer.section_space + .row{
	padding-top: 10px;
}
.bg_dark .featurebox {
    border: 1px solid rgba(255,255,255,0.2) !important;
    padding: 20px;
    background: rgba(255,255,255,0.1) !important;
    color: white !important;
}
.bg_gray .featurebox .list-circle{
	color: white !important;
}
.fake-row{
	float: left;
	width: 100%;
}
.collapser > td:first-child{
	position: relative;
}
.collapser > td:last-child:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 10px;
    border-bottom: solid 4px #ff5e3a;
    right: 12px;
    top: 15px;
}
.collapser > td:last-child:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 10px;
    right: 8px;
    top: 18px;
    border-bottom: solid 4px #ff5e3a;
    transition: 0.5s all;
    transform: rotate(90deg);
}
.collapser > td.opened:last-child:before {
    right: 12px;
    transform: rotate(0deg);
    top: 15px;
}
.cursor-pointer{
	cursor:pointer;
}
.no-border{
	border: initial !important;
}
.page-help > .container .fa{
    left: -20px !important;
}
.page-help h2 ,
.page-help p {
	text-align: left !important;
}
.no-margin{
	margin: 0px !important;
}
.expect{
	margin-left: -15px;
	margin-right: -15px;
}
@media only screen and (max-width: 2560px) and (min-width: 1440px){
	#sub-banner .infoicon {
	    font-size: 8em;
	}
}
.bg_gray .featurebox .list-circle li{
	color: #5a5a5a;
}
.bg_dark .featurebox .list-circle li{
	    color: white !important;
}

.bg-red{
	background-color: #e0162b !important;
}
.text-red{
	color: #e0162b !important;
}
.bg-darkred{
	background-color: #b31122 !important;
}
.bg_darkgreen{
	background-color: #4b8600 !important;
}
.text_darkgreen{
	color: #4b8600 !important;
}
.text-darkred{
	color: #b31122 !important;
}
.caret-bn{
    float: right;
    position: absolute;
    right: 10%;
    top: 40%;
    border-width: 8px;
    padding: 0px!important;
    color: #284e9b!important;
}
.navbar-header{
	max-width: 100vw;
}
@media screen and (max-width: 768px)
{
	.sitemap-row .col-md-6{
		text-align: center;
	}
}
.sitemap-row .col-md-6{
	height: 52px;
}
.sitemap-row .col-md-6 .sitemap{
	margin: 13px 0px;
}
.page-help .col-md-9{
    padding-left: 50px;
}
.rule-mid{
	text-shadow: initial;
}
.dropdown-menu li{
	cursor: pointer;
}
.currency-base s{
	text-decoration: blink;
}
.first-col-short{
	font-family: Roboto;
}
.first-col-short td:first-child{
	width: 1%;
	white-space: nowrap;
	padding-right: 60px;
}
.navbar-nav .dropdown .dropdown-toggle.current{
	box-shadow: 0px 4px 14px -2px rgba(0,0,0,0.5) inset;
}
.sqt-grid{
	margin-top: 40px;
}
.sqt-grid.section_space{
	padding: 0px !important;
}
.sqt-grid.coloumgrid > .row + .row{
}
.sqt-grid.coloumgrid > .row > div{
	display: flex;
	flex-direction: column;
	padding-top: 30px;
	justify-content: center;
	min-height: 39vh;
}
.sqt-grid .text {
	margin-bottom: 33px;
}
.sqt-grid.coloumgrid > .row > div > img{
	margin: auto;
}
.sqt-grid.coloumgrid > .row > div:after {
	content: '';
	position: absolute;
	background-color: rgba(0,0,0,0.08);
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	pointer-events: all;
	z-index: -1;
}
.sqt-grid.coloumgrid > .row > div img{
transition: 0.5s all;
}
.sqt-grid.coloumgrid > .row > div:hover img{
transform: scale(1.1,1.1);
}
.refimg{
max-width: 70%;
max-height: 80%;
}