/* Min Width Media Queries */
@media (min-width: 576px){
	main .full-width.yellow-block .yellow-block-content {
	    max-width: 540px;
	}
}


@media(min-width:768px) {
	h1, .h1 {font-size: 60px; line-height: 1.11; } 
	h2, .h2 {font-size: 48px; } 
	h3, .h3 {font-size: 36px; } 
	.fs-36 {font-size: 36px; } 
	.fs-72 {font-size: 175px; }
	.fs-175 {font-size: 175px; }
	.mt-80 {margin-top: 80px; }
	.pb-80 {padding-bottom: 80px; }
	.pt-80 {padding-top: 80px; }
	.pt-48 {padding-top: 48px; }
	.pb-48 {padding-bottom: 48px; }
	.pt-110 {padding-top: 110px; }
	.pb-110 {padding-bottom: 110px; }


	/*.top-banner {height: 650px; } */


	/**************** About History CSS ****************/
	.about-us-page .history-section .timline-history-list:before{ content:''; position:absolute; left:50%; top:0; width:2px; bottom:0; background:#24272a; }
	.about-us-page .history-section .timline-history-list li{ margin:0 0 8px; padding:0; display:block; }
    .about-us-page .history-section .timline-history-list li:before{ display:none; }
    .about-us-page .history-section .timline-history-list li:nth-child(even) .holder{ margin-left:50%; text-align:left; padding-right:0; padding-left:110px; }
    .about-us-page .history-section .timline-history-list li:nth-child(even) .holder:before{ top:-11px; right:auto; left:-3px; }
    .about-us-page .history-section .timline-history-list li:nth-child(even) .holder:after{ top:-5px; right:auto; left:-3px; }
    .about-us-page .history-section .timline-history-list li:nth-child(even) .date{ right:auto; top:9px; left:27px; }
	.about-us-page .history-section .timline-history-list .holder{ border-top:1px solid #e0e0e0; width:50%; text-align:right; position:relative; padding-right:109px; padding-top:9px; }
    .about-us-page .history-section .timline-history-list .holder:before{ content:''; position:absolute; top:-11px; right:-3px; width:16px; height:20px; background:#fff; }
    .about-us-page .history-section .timline-history-list .holder:after{ content:''; position:absolute; top:-5px; right:-5px; width:8px; height:8px; background:#ffc600; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
	.about-us-page .history-section .timline-history-list .date{ position:absolute; top:8px; right:24px; }


	.mobile-show {display: none; } 

	/*************** Technology List CSS *************/
	.techs.techs-p-30 .tech-wrap:nth-of-type(3n+1) .tech { margin-left: 0; }
	.techs.techs-p-30 .tech-wrap:nth-of-type(3n+3) .tech { margin-right: 0; }
	ul.list-left {
		margin-left: -1.5em;
	}
	.content h3, .content .h3 { font-size: 24px; margin-top: 80px; } 
	.content h2, .content .h2 {font-size: 36px;font-weight: 100;} 
	.content p+h2 { margin-top: 72px; }

	.lead-magnet-banner .text-holder .title {line-height: 43px; margin-bottom: 26px; } 

}

@media(min-width:991px){
    header .nav-item .nav-link.careers-nav-item { position: relative; }
}

@media (min-width: 992px){
	.col-lg-35 {flex: 0 0 30%; max-width: 30%; } 

	header .nav-item.dropdown.full-width .dropdown-menu{ left:0; width:100vw; margin-top:0; padding-top:40px; padding-bottom:0; }
    header .nav-item.dropdown.full-width .daxx-dd-items .dropdown-item{ width:180px; white-space:normal; font-size:12px; padding:.25rem 0; flex:0 0 50%;  }

    main .full-width.yellow-block .yellow-block-content {max-width: 720px; }
    .lead-magnet-banner-2 .text-holder {position: relative; margin-top: -4px; } 
    .lead-magnet-banner-2 .text-holder .title {font-weight: 400; line-height: 43px; margin-bottom: 10px; }
}
@media (min-width: 1200px){
	main .full-width.yellow-block .yellow-block-content {
	    max-width: 855px;
	}	
}

/* Max Width Media Queries */
@media screen and (max-width: 1599px) {

}

@media (max-width: 1550px){
	.team.man-img-home-page img {left: -100px; width: 47%; } 
}
/**************** Client Page CSS ****************/
@media screen and (max-width:1440px) {
	.videos-inline__container{height:22.22222rem}
    .videos-inline__logo{max-width:33%}
    .videos-inline__logo img{max-height:34px}
    .dt-logo { max-width: 1200px; }
}
@media (max-width: 1280px){
	.top-banner {height: auto; } 
	.team.man-img-home-page h3 {font-size: 26px; } 
	.team.man-img-home-page p {font-size: 16px; } 

	/**************** Client Page CSS ****************/
	.ss__header{max-width:65%}

}
@media(max-width:1199px){
    header .menu-contact-btn.btn{ font-size:12px; white-space:nowrap; padding:4px 8px; min-height:auto; }
    header .daxx-nav .nav-item{ padding-right:10px; }


    .dt-feedback-cards__wrap{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}
	.videos-inline__inners{margin:0 -.88889rem}
    .videos-inline__inner{flex:0 0 100%;padding:.88889rem}
    .videos-inline__container{max-width:600px;margin:0 auto}
    .dt-logo .col-img-box img { max-width: 120px; max-height: 80px; }
}
@media (max-width: 991px){
	header .daxx-nav{ padding:0; }
    header .nav-item .nav-link{ font-size:24px }
    header .nav-item .nav-link.careers-nav-item{ position:relative; }
    header .nav-item .nav-link.careers-nav-item:after{ display: none; }
    header .nav-item.dropdown .dropdown-toggle{ font-size:24px; width:100%; text-align:left; }
    header .nav-item .dropdown-toggle::after{ float:right;font-size: 24px;}
    header .nav-item.dropdown.full-width{ position:relative; padding-right:0 }
    header .nav-item.dropdown.full-width .container{ max-width:100%; padding-right:0; padding-left:0; }
    header .nav-item.dropdown.full-width .daxx-dd-items .dropdown-item p{ display:none; }
    header .navbar-brand{ padding-left:1rem; }
    header .navbar-collapse{ padding-top:50px; padding-bottom:30px; overflow:hidden; height:calc(100vh - 50px); overflow-y:auto; }
    header .navbar-collapse .nav-item .nav-link{ padding:.5rem 1rem }
    header .navbar-collapse .nav-item.show .nav-link{ background-color:#24272a; color:#fff; width:100%;  }
    header .leng{ padding:80px 1rem 0; margin-top:auto; }
    header .leng .nav-link{ padding:0; }
    header .nav-md{ padding-right:1rem; }
    header .nav-md .contact-md{ height:50px; width:50px; font-size: 22px; }

    /* footer css */
	footer .footer__links { flex-wrap: wrap; justify-content: center !important; } 
	footer { border-top: 1px solid #dfdfdf; }
	footer .footer-links { width: 100%; align-items: center; padding: 10px 0; flex-wrap: wrap; 
		justify-content: center; border-bottom: 1px solid #dfdfdf; margin: 0 20px; }
	footer .footer-links a { padding: 5px 10px; display: inline-flex; white-space: nowrap; font-size: 14px; }
	footer .footer__social { padding: 10px 0; width: 100%; justify-content: center; margin: 0 20px; 
		border-bottom: 1px solid #dfdfdf; }
	footer .copyright-wrapper { flex-direction: column; border-top: 0; padding-bottom: 10px; }
	footer .copyright-wrapper p a, footer .copyright-wrapper p { font-size: 12px; margin-bottom: 5px; }
	footer .footer__social a { width: 35px; height: 35px; }
	footer .footer__social a i { font-size: 18px; }
	footer .footer__social a img { max-width: 16px; }


	.team.man-img-home-page img {
	    display: none;
	}
	.news-blog__item{margin-bottom:25px;}

	.bgc-left-white::before {background: linear-gradient(to right,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0) 100%); } 
	.about-us-page .info-section .collaborators-list li{ width:30% }
	h1.romb-dot br {display: none; }

	.bgc-left-white::before {
	    background: linear-gradient(to right,rgba(255,255,255,0.95) 50%,rgba(255,255,255,0) 100%);
	}
	.content table{display: block;overflow: auto;    max-width: 100%;}
}
@media (max-width: 768px){
	.mobile-hr-scroll {display: flex; flex-wrap: inherit; overflow-x: auto; overflow-y: hidden; 
		-ms-overflow-style: none; scrollbar-width: none; }


	.widget-contact-us {padding: 24px 0; } 
	.widget-contact-us .container>.row.py-5 {padding: 0 15px!important; } 
	.widget-contact-us .container>.row>div:first-child{    display: none!important;}
	.widget-contact-us .container>.row>div {padding: 0!important; } 
	.desktop-show {display: none; }
	.widget-contact-us .btn {display: block; } 
	.content .img-block iframe{width: 100%;}

	/**************** technology dot net innerPage CSS ****************/
	.read-bellow-separator { padding: 30px 0; }
	.read-bellow-separator .icon { margin-bottom: 20px; left: 0; top: 0; }
	.read-bellow-separator .icon-holder { text-align: center; }
	.read-bellow-separator .text-holder { text-align: center; margin: 0; }
	.widget-contact-us h3 {margin: 0 0 16px!important; }
	
	.lead-magnet-banner-2 .image-holder {display: none; } 
	.separator-subscribe-holder {padding: 24px 0; margin: 0 15px; }
	.separator-subscribe-holder .subscribe .btn {margin-top: 24px; min-width: 100%; max-width: 100%;}

}
@media (max-width: 767px){
	.team {background-size: cover; background: 0 0!important; } 
	.btn.btn-extra-long {min-width: auto; width: 100%} 
	.btn.btn-long {min-width: auto; width: 100%}


	.fs-md-20 {font-size: 20px; } 
	.fs-md-14 {font-size: 14px; }
	.news-preview h2.title{font-size: 24px;}

	main{ margin-top:100px; }
    .grid-header main{ margin-top:122px; }
    header .grid-img{ max-width:100px; }

    .techs.techs-p-30 .tech-wrap: nth-of-type(odd) .tech {margin-left: 0; } 
	.techs.techs-p-30 .tech-wrap:nth-of-type(even) .tech {margin-right: 0; }


	.content img {max-width: 100%; height: auto; } 
	.content ul:not(.list-unstyled), ul.rhomb {padding-left: 10px; }
	.bgi-right .bg-a, .about-banner .bgc-left-white.bg-a, .hireend .bgc-left-white.bg-a {
		background-position: unset !important;}
	.hireend .bgc-left-white.bg-a, .hirefullstack .bgc-left-white.bg-a, .hireangular .bgc-left-white.bg-a, .hirenode .bgc-left-white.bg-a, .hirereact .bgc-left-white.bg-a, .hirejavascript .bgc-left-white.bg-a{background-position: unset !important;}
	.bgc-left-white::before {background: #fff;}

	/*************** Technology List CSS *************/
	.techs.techs-p-30 .tech-wrap:nth-of-type(odd) .tech { margin-left: 0; }
	.techs.techs-p-30 .tech-wrap:nth-of-type(even) .tech { margin-right: 0; }

	.content iframe {max-width: 100%; max-height: 52vw; }
	.bg-wrapper .bg-a {-webkit-filter: blur(4px); filter: blur(4px); }
	

	/**************** Client Page CSS ****************/
	.videos-inline__inners{margin:0 -.66667rem .66667rem}
    .videos-inline__inner{padding:.66667rem}
    .videos-inline__container{height:21.11111rem}
    .videos-inline__description{padding:.77778rem 1rem}
    .videos-inline__logo{max-width:25%}
    .videos-inline__logo img{max-height:26px}
    .videos-inline__title::before{height:1.88889rem}
	.tl { margin-bottom: 0; }
	.ss__sides{flex-wrap:wrap}
    .ss__content{flex:0 0 100%;max-width:100%}
    .ss__side{left:0;width:100%;flex:0 0 100%}
    .ss__controls,.ss__controls--static-dscr{left:initial!important;bottom:initial!important;right:0;top:-4.5rem}
    .ss__slider{left:calc(20px/-2);width:calc(100% + 20px);overflow:hidden}
    .ss__slider::before{content:none;display:none}
    .ss__static-side::before{content:none;display:none}
    .ss__static-side{width:calc(100% + 20px);padding:1.5rem 2.3rem 7rem;left:-10px}
    .ss__static-side-content{max-width:100%;left:0}
    .ss__slc{padding:1.5rem 0 4rem}
    .ss__slide{max-width:100%;left:0;padding:0 20px}
    .ss__header{max-width:100%;padding:0 0 1.5rem}
    .sl{left:0}
	.dt-info-box{padding:3rem 0}
    .dt-info-box__content{text-align:center}
    .dt-info-box__title{order:1;width:100%;margin-bottom:1.4rem}
    .dt-info-box__title:after{content:none}
    .dt-info-box__title .dt-main-banner--post .dt-main-banner__content h1,.dt-info-box__title .news-blog__item-title,.dt-info-box__title .post__text h1,.dt-info-box__title .post__text h2,.dt-info-box__title .post__text h3,.dt-info-box__title .post__text h4,.dt-info-box__title .post__text h6,.dt-info-box__title .pp h1,.dt-info-box__title .pp h2,.dt-info-box__title .pp h3,.dt-info-box__title .pp h4,.dt-info-box__title .pp h6,.dt-info-box__title h1,.dt-info-box__title h2,.dt-info-box__title h3,.dt-info-box__title h4,.dt-info-box__title h5,.dt-main-banner--post .dt-main-banner__content .dt-info-box__title h1,.post__text .dt-info-box__title h1,.post__text .dt-info-box__title h2,.post__text .dt-info-box__title h3,.post__text .dt-info-box__title h4,.post__text .dt-info-box__title h6,.pp .dt-info-box__title h1,.pp .dt-info-box__title h2,.pp .dt-info-box__title h3,.pp .dt-info-box__title h4,.pp .dt-info-box__title h6{margin:0 auto}
    .dt-info-box__description{order:2;margin-bottom:.8rem}
    .dt-info-box__description p{font-size:.86rem;line-height:1.6}
    .dt-info-box .btn,.dt-info-box .post__text .btn-green,.post__text .dt-info-box .btn-green{order:3;margin:0 auto}


    .faqsection .content ul:not(.list-unstyled), ul.rhomb {padding-left: 10px;}

    .blog-list .blog.bg-wrapper .bg-a {position: relative; min-height: 200px; margin-bottom: 1rem; 
    	-webkit-filter: none; filter: none; background-position: top right; } 
    .blog-list .blog.bg-wrapper .bg-a::before {
    background: linear-gradient(to right,#fff 35%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 81%); }

    .blog-widget .title {font-size: 28px;line-height: normal; } 
    .border-left-bold {padding-left: 15px; }
    .blog-width { width: 100%;}
    .content blockquote {padding-left: 40px; } 
    .content blockquote p {padding-left: 24px;font-size: 24px;}
    .content blockquote:before {font-size: 30px; height: 30px; width: 30px; top: 5px; }
}

@media screen and (max-width:767px) and (orientation:portrait) {
	.ss__side{height:50vw}
}
@media screen and (max-width:767px) and (orientation:landscape) {
	.ss__side{height:50vh}
}

@media (max-width: 575px){
	.home-top-banner .poster {display: block; height: 50vw; } 

	.grid-header main{ margin-top:110px; }

	.techs .tech {width: 140px; height: 140px; } 
	.techs .tech .img-fluid {max-width: 120px; max-height: 120px; }
	main{ margin-top:80px; }

	.news-preview .head-wrap {flex-wrap: wrap;}
	.news-preview .head-wrap h2.title {width: 100%; } 
	.news-preview .head-wrap .tl__rside {justify-content: start;}
	.news-preview .tl__rside:before{content:none;}
	.news-preview .tl__box{padding: 0;}

	/*************** Technology List CSS *************/
	.techs .tech { width: 140px; height: 140px; }
	.techs .tech .img-fluid { max-width: 120px; max-height: 120px; }
	h1.romb-dot br{display: inline-block;}

	.contactus-sec .content-container {padding: 50px 0; }
	.developers .developer .btn-wrap { width: 100%; margin-top: 10px; margin-bottom: 10px; }
	header .navbar-brand img{left: 0;}
	.daxx-pagination a.arrow span {display: none; } 
	.top-banner-blog .blog-img-wrapper, .top-banner-work .blog-img-wrapper {margin-left: -15px; 
		width: 100vw; max-width: none; height: auto; }
	.top-banner-blog .blog-title .bgc-body, .top-banner-work .blog-title .bgc-body {display: none; }
	.top-banner-blog .blog-img, .top-banner-work .blog-img {max-width: none; height: auto; } 
	.top-banner-blog .blog-img-wrapper img{max-width: none; height: auto;}
	.top-banner-blog .blog-title .blog-title-block, .top-banner-work .blog-title .blog-title-block {
	    margin-top: 0;
	}
}
@media (max-width: 480px){
	main {margin-top: 110px; } 

	.news-preview .title{width: 100%;text-align: left !important;}
	/*.techonology-page .border.p-5 img, .techonology-page .border.p-5{width: 100%;}*/

	.googlemap iframe {height: 270px; } 
	.contactus-sec .content-container .form-box.checkbox span:before{    padding: 8px;    margin-right: 5px;}
	.top-banner .content-banner.center-left img.certificates {
	    width: 90%;
	}
}