@charset "utf-8";
/* CSS Document */

@media (max-width: 1400px) {
    footer .footer_top .links li {
        width: 50%;
    }
}
@media (max-width:1200px){
    .top {
        padding: 15px 0;
    }
    header {
        padding: 0;
    }
    .navigation .navbar-default .navbar-nav li {
        margin: 0 10px;
    }
    .navigation .navbar-default .navbar-nav li a {
        font-size: 13px;
    }
    .hero_sec .hero_text {
        margin: 0 !important;
    }
    .cancel_request ,.about_timeline,.team{
        padding: 30px 0;
    }
    .about,
    .clients,
    .gallery,
    .service {
        padding: 80px 0;
    }
    .why_us {
        padding: 80px 0;
        padding-bottom: 40px;
    }
    .opinion {
        padding: 130px 0;
    }
    footer .footer_top {
        padding: 50px 0;
    }
    footer .footer_bottom {
        padding: 0;
    }
    .hero_sec .hero_text h1 {
        font-size: 45px;
        margin: 20px 0;
    }
    .hero_sec .hero_text h3 {
        margin-top: 100px;
    }
    .hero_sec .hero_text a.hero_btn {
        margin-top: 30px;
    }
    .about h1 {
        margin-bottom: 20px;
    }
    .about p {
        margin-bottom: 0;
    }
    .about .img_container {
        height: 500px;
    }
    .about .img_container img {
        width: 95%;
        margin-top: 30px;
    }
    .service .service_content .service_text {
        padding: 30px;
    }
    .service .service_content .main_img {
        height: 420px;
    }
    
    
    /* end new page */
    
    .slider{
        padding: 0;
        padding-top: 160px;
        padding-bottom: 260px;
    }
	.slider h2{font-size: 45px;}
	.slider img:nth-of-type(1) {
    margin-right: -110px;
    width: 500px;
}
	.slider .title{margin-top: 85px;}
	#main-slider .owl-dots{left: 10%;}
	.disc p{width: 100%;}
	.blog .blog-block img {
    height: 150px;
}
	.blog .disc {
    margin: 70px 0;
}
	.it{height: 700px;padding: 0;padding-top: 100px;}
	.it img{width: 50%;}
	.gallery .gallery-block img{height: 260px;}
	.gallery .disc {
    margin: 40px 0;
}
    footer .footer_top {padding: 50px 0;}
    footer .footer_bottom {padding: 0;}
	
	.accordion .btn-group .mainbtn{width: 85px;}
	.welcome-client h1{font-size: 25px;}
	.welcome-client .client-block{padding: 10px 0;}
	.welcome-client .client-block h1{margin-top: 5px;}
	.welcome-client .offers .offer-text{margin-right: 200px;}
	form{margin-top: 45px;}
	.welcome-client .welcome-service form .form-group button{width: 78px;}
	.welcome-client .welcome-service form .form-group .form-control{width: 60%;}

	.designs .block {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
	.designs .design-blocks {
    padding: 0 10px;
}
.login,.tickets,.Statistics,.service,.client,.our-clients,.welcome-client,.banners,.design-page,.work-gallery,.viewcart{
	padding: 40px 0;
}
.about_disc{padding: 30px 0;}
.Ques{
	padding: 0;
	padding-top: 70px;
	padding-bottom: 100px;
}
/*.about .about-block img{width: 100%;}*/
	section#main-body{padding: 20px 0;}
    .team .team_block img{height:260px;}
    .about .about-block{padding: 0 15px;}
}

@media (max-width:992px){
    .slider.service-page.about_header{padding: 60px 0 !important;}
    .about_timeline .title p, .team .title p{width:100%;}
	.about .img_container {
        height: 400px;
    }
    .navigation .block-logo img {
        margin: 5px 0;
    }
    .navigation .logo2 {
        display: block;
    }
    .clicker {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        float: left;
        transition: all 0.3s ease;
        display: block !important;
        cursor: pointer;
    }
    .clicker .bg_span {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        background-color: transparent;
        border: 3px solid #fff;
        border-radius: 50%;
        position: relative;
    }
    .clicker .bg_span span {
        display: block;
        height: 3px;
        background: #fff;
        transition: all 0.3s ease;
        border-radius: 10px;
        margin: 3px auto;
    }
    .clicker .bg_span span {
        width: 25%;
    }
    .clicker .bg_span span:nth-child(2) {
        width: 50%;
    }
    .clicker .bg_span span:last-of-type {
        width: 40%;
    }
    .clicker:hover span {
        width: 70% !important;
    }
    .navbar-default {
        padding-bottom: 0 !important;
    }
    .overlay {
        height: 100vh;
        width: 250px;
        position: fixed;
        z-index: 999999999999;
        right: -250px;
        top: 0;
        background-color: #323232 !important;
        transition: 0.5s;
        padding: 0;
        min-height: 0;
        border-radius: 0;
    }
    .overlay.open {
        right: 0;
    }
    .overlay.open .closebtn {
        left: -35px;
    }
    .overlay-content {
        position: relative;
        width: 100%;
        height: calc(100% - 80px);
        overflow-y: auto;
        text-align: right;
        padding-right: 0 !important;
        margin: 0 !important;
        float: none;
        padding-top: 40px;
    }
    .navigation .navbar-default .navbar-nav li a {
        padding: 0 15px;
        line-height: 37px;
        color: #fff;
        transition: all 0.4s;
    }
    .navigation .navbar-default .navbar-nav li a:after {
        content: none;
    }
    .navigation .navbar-default .navbar-nav li a:before {
        content: none;
    }
    .navigation .navbar-default .navbar-nav li {
        margin: 0 !important;
        width: 100%;
    }
    .navigation .navbar-default .navbar-nav li:hover a {
        color: #fff;
    }
    .navigation .navbar-default .navbar-nav li:hover:after {
        right: -12px;
    }
    .navigation .navbar-default .navbar-nav li:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .navigation .navbar-default .navbar-nav li:after {
        content: "";
        height: 37px;
        width: 20px;
        background-color: #fff;
        position: absolute;
        top: 0;
        right: -23px;
        transition: all 0.3s;
    }
    .overlay .closebtn:focus,
    .overlay .closebtn:hover {
        color: #323232 !important;
        box-shadow: inset 0 0 3px #323232;
    }
    .overlay .closebtn {
        display: block;
        padding: 0 !important;
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translateY(-50%);
        font-size: 30px;
        color: #fff !important;
        z-index: 99999;
        width: 70px;
        height: 70px;
        background-color: #f24e4e;
        border: 7px solid #323232;
        border-radius: 50%;
        text-align: center;
        line-height: 58px;
        font-weight: 700;
        box-shadow: inset 0 0 10px #323232;
        transition: all 0.4s;
    }
    .sub-lang li a:after,
    .sub-menu li a:after {
        top: -1px;
    }
    .menu-item-has-children:hover .sub-menu {
        top: 100%;
    }
    .sub-lang li:hover,
    .sub-menu li:hover {
        background-color: #e92828 !important;
    }
    .sub-lang li a,
    .sub-menu li a {
        line-height: 25px !important;
        padding: 0 3px !important;
    }
    .sub-lang li:after,
    .sub-menu li:after {
        display: none;
    }
    .navigation .navbar-default .navbar-nav li .btn {
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .top {
        height: 52px;
        padding: 10px 0;
    }
    header {
        top: 52px;
        height: 73px;
    }
    .header-extra{
        height: 125px;
    }
    .about,
    .clients,
    .gallery,
    .service,
    .why_us {
        padding: 50px 0;
    }
    .service {
        padding-bottom: 60px;
    }
    .video_sec .text {
        margin-top: 0;
    }
    .hero_sec .hero_text h1 {
        font-size: 30px;
        line-height: 38px;
        margin: 10px 0;
    }
    .hero_sec .hero_text h3 {
        margin-top: 30px;
    }
    .about a {
        margin-top: 20px;
    }
    .title {
        width: 60% !important;
    }
    .service .service_content .service_text h1 {
        margin-bottom: 10px;
    }
    .service .service_content .service_text .btn {
        margin-top: 10px;
    }
    .why_us h1 {
        margin-bottom: 10px;
    }
    .why_us br {
        display: none;
    }
    .why_us .service_block {
        margin: 20px 0;
    }
    .video_sec {
        padding: 50px 0;
    }
    .opinion_block {
        padding: 20px;
    }
    .opinion .title {
        margin-bottom: 30px;
    }
    #opinion_slider .owl-dots {
        top: -100px;
    }
    footer .footer_top .footer_header {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    footer .footer_top p {
        margin-top: 30px;
    }
    footer .footer_top .info li {
        margin-bottom: 10px;
    }
    footer .payment {
        width: 100%;
        text-align: center;
    }
    footer .payment img {
        width: 40px;
    }
    footer .footer_top .links li {
        width: 33%;
    }
    .gallery .row {
        width: auto;
        margin: 0;
        margin-right: -15px;
        margin-left: -15px;
    }
    .about .about_bg {
        top: auto;
        bottom: 0;
    }
    .service .nav-tabs li a {
        font-size: 14px;
        padding: 0 5px;
    }
    .service .nav-tabs > li.active > a,
    .service .nav-tabs > li.active > a:focus,
    .service .nav-tabs > li.active > a:hover {
        padding: 0 10px;
    }
    .hero_sec .hero_img {
        right: 0 !important;
        left: 0 !important;
    }
    p {
        font-size: 13px;
        line-height: 24px;
    }
    .service .service_content .service_text {
        padding: 20px 15px;
    }
    .service .service_content .main_img {
        height: 380px;
    }
    
    /* end new page */
	
	.mysearch .search-input{width: 15%;margin-right: 20px;}
	.slider h2 {
    font-size: 35px;
    margin-bottom: 10px;
}
	.slider h3{font-size: 25px;}
	.slider img:nth-of-type(1) {
    margin-right: -160px;
    width: 380px;
}
	#main-slider .owl-dots{left: 20%;}
	.service .block h1{font-size: 18px;}
	.service .block p {
    font-size: 12px;
		width: 100%;
    margin-top: 10px;
}
	.service{padding: 50px 0;}
	.offers{padding: 35px 0;}
	.offers .offer-text {
    margin-right: 160px;
}
	.offers p span{margin: 5px 0;}
	.blog .disc {
    margin: 0;
}
	.blog{padding: 40px 0;}

	.it .disc h1{width: 100%;font-size: 27px;line-height: 40px;}
	.it .disc p{width: 100%;}
	.it {
	    padding-top: 30px;
    height: auto;
    padding-bottom: 50px;
}
	.gallery{padding: 40px 0;}
	.disc h1{margin-bottom: 20px;}
	.gallery .gallery-block img{height: 185px;}
	.gallery .mainbtn2{display: table;margin: 0 auto;}
	.slider{height: 550px;}
	
	.tickets-replay .client p{padding-bottom: 50px;}
	.tickets h6{margin-left: 30px;line-height: 40px;}
	.tickets form{width: 55%;}
	
	.welcome-client .offers .offer-text {
    margin-right: 160px;
}
	.welcome-client .client-block{margin-bottom: 15px;}
	form .form-group{width: 100%;}
	form{margin-top: 20px;}
	.welcome-client .welcome-service h1{font-size: 16px;}
	.welcome-client .welcome-service a{width: 125px;}
	.welcome-client .welcome-service p a{font-size: 12px;}
	.welcome-client .welcome-service form .form-group .form-control{width: 50%;}
	.welcome-client .welcome-service form .form-group button{width: 70px;font-size: 13px;}
	.welcome-client .welcome-service p {
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    margin-top: 20px;
}
	.product form{width: 80%;}
	
	.work-gallery img{height: 280px;}
	
	.plans .plan-block .mainbtn{width: 100%;}
	.designs .design-blocks{padding: 0;}
	.service-slider p{font-size: 13px;}
	.service-slider{padding: 50px 0;}
	.service-slider .detail{margin-bottom: 50px;}
	.Ques .disc p{width: 100%;}
	.Ques .disc h1{font-size: 26px;}

.design-page img{display: none;}

	.map .map-content{width: 100%;}

	.Statistics .disc {
    width: 80%;
}
	.Statistics .block {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
.Statistics .block .text h2{font-size: 22px;}
	.Statistics .map-circle .map-img{width: 100%;}
	.Statistics .map-circle .flag1{
    position: absolute;
    left: -50px;
    top: 10px;
}
	.Statistics .map-circle .flag2 {
		right: -50px;
    top: 10px;
	}
	
	.our-clients {
    padding-top: 120px;
}
.slider.service-page {
    height: 500px;
}
.Statistics .map-circle{width: 90%;}
.email-verification{top: 110px;}

}

@media (max-width:768px){
    .about_disc p{font-size:14px;line-height:26px;}
    .top ul.pull-right li:first-child {
        margin-left: 0;
    }
    .top ul.pull-left li a {
        margin-left: 0;
    }
    .top ul li:last-child:after {
        right: -4px;
    }
    .top ul li a span,
    .top ul li span {
        font-size: 12px;
        margin-left: 5px;
    }
    .hero_sec .hero_text {
        width: 100%;
    }
    .hero_sec .hero_text h3 {
        margin-top: 20px;
    }
    .hero_sec .hero_text a.hero_btn:before {
        width: 55px;
        height: 55px;
    }
    .hero_sec .hero_text a.hero_btn {
        padding-right: 20px;
        margin-left: 10px;
    }
    .about .img_container {
        width: 70%;
        height: 300px;
        margin-bottom: 20px;
    }
    .title {
        width: 100% !important;
    }
    .service .nav-tabs li a {
        font-size: 14px;
        padding: 0 10px;
    }
    .service .nav-tabs > li.active > a,
    .service .nav-tabs > li.active > a:focus,
    .service .nav-tabs > li.active > a:hover {
        padding: 0 15px;
    }
    .service .nav-tabs {
        margin-bottom: 40px;
    }
    .service .service_content .main_img {
        width: 100%;
    }
    .service .service_content .service_text {
        padding: 30px;
        position: relative;
        width: 90%;
        margin: 0 auto;
        transform: none;
        margin-top: -100px;
    }
    .video_sec .text span {
        width: 85px;
        height: 85px;
        font-size: 25px;
        line-height: 79px;
        margin-bottom: 20px;
    }
    .bottom_container ul li a {
        font-size: 12px;
    }
    .bottom_container {
        padding: 20px 5px;
    }
    .bottom_container:after {
        height: 3px;
    }
    .hero_sec .hero_text h3 {
        font-size: 20px;
    }
    .hero_sec .hero_text h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .hero_sec .hero_text p {
        font-size: 14px;
    }
    #opinion_slider .owl-dots {
        display: none !important;
    }
    .hero_sec .hero_bg {
        width: 150% !important;
        min-height: 450px;
        max-height: 500px;
    }
    .gallery .row {
        display: flex;
        margin: 0;
        width: 100%;
        overflow-x: auto;
        align-items: center;
        display: none;
    }
    .gallery .mob_gallery {
        display: block;
    }
    .gallery .gallery_block {
        width: 100%;
    }
    .about .about_bg {
        width: auto;
        height: 100%;
    }
    .hero_sec .hero_img {
        display: none !important;
    }
    .hero_sec #main_slider .row .col-xs-12:last-child {
        display: none !important;
    }
    .service .nav-tabs {
        height: auto;
        border-radius: 10px;
        padding: 10px;
    }
    .service .nav-tabs li {
        margin: 2px 0;
        width: 50%;
    }
    .service .nav-tabs li a {
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 10px;
    }
    
    /* end new page */
    
  .welcome-client .offers{display: none;}
	.slider .title {
    margin-top: 20px;
}
	.slider img:nth-of-type(1) {
    margin-right: 0;
    width: 380px;
    float: left;
    margin-top: -70px;
}
	#main-slider .owl-dots{display: none !important;}
	.mysearch .search-input{width: 20%;}
	.slider h2{font-size: 30px;}
	.slider{padding-bottom: 90px;background-image: url(../img/slider-bg2.png);}
	.disc p {
    width: 50%;
    margin-bottom: 20px;
}
	.domain-search form {
    margin-top: 20px;
}
	.domain-search form .form-group {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
	.service .block{height: 200px;
	margin-bottom: 20px;}
	.offers p span {
    font-size: 35px;
    line-height: 55px;
}
	.offers .offer-text {
    margin-right: 220px;
}
.offers h1 {
    margin-bottom: 20px;
    margin-right: 0px;
}
	.it img{display: none;}
	.gallery{padding: 20px 0;}
	
	.slider{height: 647px;}
	.table-responsive {
    border: none;
    padding-bottom: 20px;
}
	.accordion{margin-bottom: 30px;}
	
	.welcome-client{padding: 20px 0;}
	.welcome-client h1{margin-bottom: 20px;}
	.welcome-client .offers .offer-text {
    margin-right: 250px;
    margin-left: 20px;
}
	.welcome-client ul{margin-bottom: 30px;}
	.work-gallery img{
		width: 60%;
		margin: 0 auto;
		margin-bottom: 20px;
		display: table;
	}
	.work-gallery .nav-tabs>li>a{margin: 0 8px;}
	
	.slider.service-page img{display: none;}
	.slider.service-page{height: auto;}
	
	.plans .plan-block{width: 50%;margin-bottom: 50px;}
	.plans .plan-block:hover{margin-top: -30px;}
	.domain-search{padding-bottom: 40px;}
	.plans{padding-top: 60px;padding-bottom: 30px;height: auto;}
	.designs .block{width: 30.3%;margin-bottom: 20px;}
	
	.Ques{padding: 40px 0;}
	.Ques .disc .mainbtn2{margin-bottom: 30px;}
	.slider.service-page .title p{width: 80%;}
	
	.design-page .disc .mainbtn2{margin-bottom: 20px;}
	.design-page .row{
    margin-bottom: 40px;
}
	

	.Statistics .map-circle .map-img {
    width: 80%;
}
	.Statistics .map-circle .flag1 {
    position: absolute;
    left: 30px;
    top: 30px;
}
	.Statistics .map-circle .flag2 {
    position: absolute;
    right: 30px;
    top: 30px;
}
.offers h4{font-size: 20px;}
.offers p span {
    font-size: 38px;
    line-height: 65px;
}
	
}

@media (max-width:640px){
    .hero_sec .hero_text {
        width: 100%;
    }
    .about .img_container {
        width: 70%;
    }
    footer .footer_top .info li h3,
    footer .footer_top p {
        font-size: 14px;
        line-height: 24px;
    }
    footer .footer_top .links li {
        width: 50%;
    }
    .bottom_container {
        flex-direction: column;
        padding: 15px 5px;
    }
    .bottom_container ul.right {
        margin-bottom: 15px;
        text-align: center;
    }
    .bottom_container .copyright.xs {
        display: block;
        margin-top: 10px;
    }
    .bottom_container .copyright.lg {
        display: none;
    }
    .bottom_container .payment img {
        width: 35px;
    }
    .top ul li,
    .top ul li a {
        font-size: 11px;
    }
    .hero_sec .hero_text a.hero_btn {
        margin-top: 20px;
    }
    .top ul li a span,
    .top ul li span {
        font-size: 14px;
    }
    .why_us .service_block {
        width: 100%;
    }
    
    /* end new page */
    
    .login, .tickets, .Statistics, .service, .client{padding: 20px 0;}
	.slider img:nth-of-type(1){display: none;}
	.slider .cloud{display: block;}
	.disc p{width: 90%;}
	.service .block{height: 230px;}
	.offers .offer-text {
    margin-right: 0;
}
	.offers .mainbtn{width: 180px;height: 50px;line-height: 50px;font-size: 16px;}
	.offers{background-image: url(../img/slider-bg2.png);}
	.blog .blog-block img {
    height: auto;
}
	.blog .col-xs-4{padding: 0 5px;}
	.slider{height: auto;}
	
	.table tbody tr{font-size: 11px;}
	.table tbody tr td a{font-size: 11px !important}
	.table tbody tr .mainbtn{width: 50px;}
	.welcome-client h1 {
    margin-bottom: 20px;
    margin-top: 0;
}
	.welcome-client ul{margin-bottom: 10px;}
	.accordion{margin-bottom: 30px !important;}
	form .form-group .form-control{height: 50px;}
	form .form-group button {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 20px;
}
	
	.welcome-client .welcome-service form .form-group .form-control{width: 60%;}
	.welcome-client .row:first-child {
    margin-bottom: 30px;
}
	.welcome-client .offers .offer-text{margin: 0 auto;}
	.welcome-client .welcome-service{height: auto;padding: 20px 15px;}
	.login form .form-group span{top: 63px;}
	.login h2{margin-top: 10px;}
	.sisn-up form .form-group span{top: 19px;}
	.sisn-up form .form-group{margin-bottom: 20px;}
	.sisn-up form .form-group .submit1{width: 80%;}
	
	.work-gallery img{width: 70%;height: 230px;}
	
	
	.map h2{font-size: 16px;line-height: 24px;}
	.Statistics .block span{font-size: 30px;}
	.Statistics .block .text {
    float: right;
    margin-right: 10px;
    width: 70%;
}
	.Statistics .block .text h1{font-size: 22px;}
	.Statistics .block .text h2 {
    font-size: 16px;
}
	.Statistics .map-circle .flag1 {
    position: absolute;
    left: 20px;
    top: -20px;
}
	.Statistics .map-circle .flag2 {
    position: absolute;
    right: 20px;
    top: -20px;
}

.disc h4{font-size: 22px;margin-bottom: 20px;}
	.marker{width: 10px;}
	
.map .map-content .mark1{animation-delay: 3.25s !important;}
.map .map-content .mark2{animation-delay: 3.45s !important;}
.map .map-content .mark3{animation-delay: 3.65s !important;}
.map .map-content .mark4{animation-delay: 3.85s !important;}
.map .map-content .mark5{animation-delay: 4.05s !important;}
.map .map-content .mark6{animation-delay: 4.25s !important;}
.map .map-content .mark7{animation-delay: 4.45s !important;}
.map .map-content .mark8{animation-delay: 4.65s !important;}
.map .map-content .mark9{animation-delay: 4.85s !important;}
.map .map-content .mark10{animation-delay: 5.05s !important;}
.map .map-content .mark11{animation-delay: 3.25s !important;}
.map .map-content .mark12{animation-delay: 3.45s !important;}
.map .map-content .mark13{animation-delay: 3.65s !important;}
.map .map-content .mark14{animation-delay: 3.85s !important;}
.map .map-content .mark15{animation-delay: 4.05s !important;}
.map .map-content .mark16{animation-delay: 4.25s !important;}
.map .map-content .mark17{animation-delay: 4.45s !important;}
.map .map-content .mark18{animation-delay: 4.65s !important;}
.map .map-content .mark19{animation-delay: 4.85s !important;}
.map .map-content .mark20{animation-delay: 5.05s !important;}
.map .map-content .mark21{animation-delay: 3.25s !important;}
.map .map-content .mark22{animation-delay: 3.45s !important;}
.map .map-content .mark23{animation-delay: 3.65s !important;}
.map .map-content .mark24{animation-delay: 3.85s !important;}
.map .map-content .mark25{animation-delay: 4.05s !important;}
.map .map-content .mark26{animation-delay: 4.25s !important;}
.map .map-content .mark27{animation-delay: 4.45s !important;}
.map .map-content .mark28{animation-delay: 4.65s !important;}
.map .map-content .mark29{animation-delay: 4.85s !important;}
.map .map-content .mark30{animation-delay: 5.05s !important;}
.map .map-content .mark31{animation-delay: 4.45s !important;}
.map .map-content .mark32{animation-delay: 4.65s !important;}
.map .map-content .mark33{animation-delay: 4.85s !important;}
.map .map-content .mark34{animation-delay: 4.85s !important;}


	.map .map-content .mark10{display: none;}
	.map .map-content .mark6{display: none;}
	.map .map-content .mark7{display: none;}
	.map .map-content .mark8{display: none;}
	.map .map-content .mark3{display: none;}
	.map .map-content .mark18{display: none;}
	.map .map-content .mark19{display: none;}
	.map .map-content .mark21{display: none;}
	.map .map-content .mark23{display: none;}
	.map .map-content .mark31{display: none;}
	.map .map-content .mark33{display: none;}
	
	
	.banners .block {
    margin: 15px 0;
}
.kbarticles a{
    font-size: 14px !important;
    line-height: 24px !important;
}
div.header-lined h1{font-size: 20px !important;}
	
}

@media (max-width:460px){
    .top ul.pull-left li:last-child {
        display: none;
    }
    .top ul.pull-right li:first-child {
        display: none;
    }
    .top ul li a span,
    .top ul li span {
        font-size: 15px;
    }
    footer .footer_top .info li h2 {
        margin: 0 2px;
        font-size: 12px;
        width: 80px;
    }
    footer .footer_top .info li h3 {
        font-size: 12px;
    }
    footer .footer_top .info li {
        margin-bottom: 5px;
    }
    .title h1 {
        font-size: 20px;
    }
    .opinion_block p {
        margin-right: 0;
    }
    .opinion {
        padding: 30px 0;
        background-image: none !important;
        background-color: #f04444 !important;
    }
    .gallery .col-xs-6 {
        width: 100%;
    }
    .about .img_container {
        width: 100%;
    }
    .about h1 {
        font-size: 20px;
    }
    .hero_sec .hero_text a.hero_btn {
        font-size: 14px;
    }
    .service .service_content .service_text {
        padding: 20px;
        width: 100%;
        margin-top: 0;
        border-radius: 0;
    }
    .hero_sec .hero_text h3 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .hero_sec .hero_text h1 {
        font-size: 20px;
        margin: 5px 0;
    }
    .hero_sec .hero_text p {
        font-size: 14px;
    }
    .hero_sec .hero_bg {
        width: 250% !important;
        min-height: 500px;
        max-height: 500px;
    }
    .service .service_content .main_img {
        height: auto;
    }
    
    /* end new page */
    
	.mysearch .search-input{width: 40%;}
	.domain-search form .form-group .form-control{height: 50px;}
	.domain-search form .form-group button {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 19px;
}
	.service .col-xs-6{
		width: 100% !important;
	}
	.service .block{height: auto;}
	
	.blog .col-xs-4{width: 100%;}
	.blog .blog-block{margin-bottom: 15px;}
	
	.tickets-replay .replay-header{padding: 10px}
	.tickets-replay .replay-header img {
    float: right;
    width: 20px;
    margin: 4px 0;
}
	.tickets-replay .replay-header h3, .tickets-replay .replay-header h4{margin-right: 10px;font-size: 12px;}
	.tickets-replay .chat>li{padding: 20px 10px;}
	.tickets-replay .replay-header{height: 80px;}
	
	.tickets form{width: 100%;}
	.tickets .pagination li a{width: 30px;height: 30px;line-height: 30px;}
	.tickets .pagination, .tickets .views{margin-left: 5px;line-height: 30px;}
	.tickets .views{margin-left: 0;}
	.tickets .views li select{height: 30px;width: 60px;}
	.tickets .views li span{left: 15px;line-height: 30px;}
	
	.welcome-client .welcome-service form .form-group .form-control {
    width: 90%;
    margin-bottom: 15px;
}
	.welcome-client .client-block img{width: 50px;}
	.welcome-client .client-block h1{font-size: 40px;}
	.welcome-client .welcome-service form .form-group button{height: 40px;line-height: 40px;}
	.welcome-client .welcome-service p{line-height: 24px;margin-top: 20px;}
	.sisn-up form .form-group span{right: 20px;}
	.sisn-up form .form-group .form-control{padding-right: 40px;}
	
	.work-gallery img{width: 100%;height: 230px;}
	
	.slider.service-page .title p{width: 100%;}
	.designs .block {
    width: 46.3%;
    margin-bottom: 20px;
}
	.service-slider .detail{margin-top: 20px;}
	.Ques .ques-block{font-size: 13px;padding: 0 10px;}

.design-page .disc .block {
    padding: 0 15px;
    width: 100%;
}
	.design-page .disc .block p {
    margin-bottom: 0;
}
	.design-page .disc h1{margin-bottom: 40px;}
	
	.Statistics .col-xs-6{width: 100%;}
	.offers h4 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-right: 0;
    text-align: center;
}
	
	.our-clients .col-xs-6{
		width: 100%;
	}
	
	.banners a.mainbtn {
    width: 170px;
    font-size: 16px;
}
.banners h1 {
    font-size: 28px;
}
.welcome-client .welcome-service a.mainbtn {
    position: static;
    margin-top: 20px;
}
div.header-lined h1{font-size: 18px !important;}

}

@media (max-width:360px){
    .product-details_new h4{font-size: 14px;}
    .service .nav-tabs li {
        width: 100%;
    }
    .gallery .btn {
        width: 100%;
    }
    footer .footer_top .links li {
        width: 100%;
    }
    
    /* end new page */
    
  .ticket-reply{
        padding: 15px !important;
  }

	.slider h2 {
    font-size: 25px;
}
  
	.slider h3 {
    font-size: 19px;
    margin-top: 10px;
}
	.offers p span{font-size: 30px;}
	.offers p{font-size: 16px;}
	.disc p{width: 100%;}
	.gallery .col-xs-6{width: 100%;}
	.gallery .gallery-block img{height: auto;}
	
	.tickets-replay .col-md-9 .accordion{width: 100%;}
	.welcome-client .col-xs-6{width: 100%;}
	
	.welcome-client .welcome-service form .form-group .form-control{width: 100%;}
	.product form .form-group button {
    width: 70px;
    border-radius: 50px;
    font-size: 12px;
}
	.sisn-up form .form-group .submit1{width: 100%;}
	.slider.service-page .title h1{font-size: 24px;}
	.slider.service-page .title p{font-size: 11px;}
	.plans .plan-block{width: 100%;}
	.designs .block {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
	.designs .design-blocks {
    padding: 0 10px;
}
	.Ques .disc h1 {
    font-size: 20px;
}
	.Ques .disc p{
		margin-bottom: 20px;
	}
	.Ques .ques-block {
    font-size: 11px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-bottom: 20px;
}
	.Ques .ques-block span{line-height: 40px;}
	
	
	.Statistics .disc h1{font-size: 25px;}
	.Statistics .map-circle .flag2 {
    position: absolute;
    right: -10px;
    top: -30px;
}
	.Statistics .map-circle .flag1 {
    position: absolute;
    left: -10px;
    top: -30px;
}
	.client .block {
    width: 70%;
    margin: 0 auto;
}


.banners a.mainbtn {
    margin: 30px auto;
    display:table;
    float: none;
}
.banners h1 {
    text-align: center;
    float: none;
    margin-bottom: 0;
}
.banners .col-xs-6{width:100%;}
.banners .block img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
}

}

@media (max-width: 310px) {
    footer .footer_top .info li h2 {
        width: auto !important;
    }
}

@media(max-width:991px){
    .offers img{
        width: 250px;
    }
    .offers .offer-text{
        margin-right: 210px;
    }
}
@media(max-width:768px){
    .offers img{
        width: 240px;
    }
}
@media(max-width:640px){
    .offers {
   padding: 15px 0;
}
    .offers img {
   width: 170px;
}
    .offers .offer-text {
   margin-right: 150px;
}
    .offers h1 {
   margin-bottom: 10px;
   margin-right: 0px;
   font-size: 25px;
}
    .offers p{
        font-size: 16px;
    }
    .offers p span {
   font-size: 25px;
   line-height: 35px;
}
img.marker.wow.fadeInDown {
    width: 7px;
}
.welcome-client .welcome-service p a {
    font-size: 12px;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}
.welcome-client .welcome-service p a span.label {
    margin: 0;
    align-self: flex-end;
    margin-top: -21px;
}
.welcome-client .welcome-service a.mainbtn{
    height: 35px;
    line-height: 35px;
    top: 15px;
    left: 15px;
}
div.product-details div.product-icon{
    padding: 10px;
    font-size: 50px;
}
}
@media(max-width:460px){
    .offers img {
   display: none;
}
    .offers .offer-text {
   margin-right: 0;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_paginate{
    padding: 10px;
}
.dataTables_wrapper table.table-list{
    display: block;
    overflow-x: auto;
}
    
}