/*
Theme Name: Orbito
Theme URI: http://orbito.omanthemes.com/html/
Author: Orientate
Author URI: http://orbito.omanthemes.com
Description: Orbito - Creative Agency Responsive HTML5 Template
Version: 1.0
License:
License URI:
*/

/*==================================
    [Table of contents]
===================================
    01. (min-width: 1366px And max-width: 1760px)
    02. (min-width: 1366px And max-width: 1530px)
    03. (min-width: 1200px And max-width: 1600px)
    04. (min-width: 1200px And max-width: 1365px)
    05. (min-width: 992px And max-width: 1199px)
    06. (min-width: 768px And max-width: 991px)
    07. (min-width: 1200px)
    08. (min-width: 1199px)
    09. (min-width: 991px)
    10. (min-width: 767px)
    11. (min-width: 576px)
*/

/*------------------------------------------------------
/  01. (min-width: 1366px And max-width: 1499px)
/------------------------------------------------------*/
@media (min-width: 1345px) and (max-width: 1499px){
    .header01 {
        padding: 0 18px;
    }
    .iconBox01 {
        padding: 46px 25px 24px 24px;
    }
    .slider-two_vector{
		display: none;
	}
}

/*------------------------------------------------------
/  02. (min-width: 1366px And max-width: 1530px)
/------------------------------------------------------*/
@media (min-width: 1366px) and (max-width: 1530px){

}

/*------------------------------------------------------
/  03. (min-width: 1200px And max-width: 1600px)
/------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1600px){
    .mainMenu2 ul li{
        margin-right: 45px;
    }
    .slider01 .textLayer{
        position: relative;
        left: 250px;
    }
    .slider02 .textLayer{
        position: relative;
        left: 200px;
    }
    .aboutContent{
        padding-left: 45px;
    }
    .aiImgRow img{
        max-width: 48%;
    }
    .aiImgRow .aiImg03,
    .aiImgRow .aiImg01{
        margin-right: 15px;
    }
    .aiImgRow .aiImg04{
        max-width: 63%;
    }
    .ti02Inner,
    .testimonialItem{
        padding-left: 40px;
        padding-right: 40px;
    }
    .testimonialItem::after{
        right: 40px;
    }
    .singleCounter02{
        padding-left: 60px;
    }
    .bi01Details{
        width: calc(100% - 50px);
        left: 25px;
    }
    .aboutWidgetContent{
        padding-right: 0;
    }
    .aboutImage2{
        margin-left: -50px;
    }
    .aboutImage2 img{
        max-width: 48%;
    }
    .aboutImage2 img:first-child {
        margin: 25px 0 0px;
    }
    .aboutContent2{
        padding-left: 25px;
    }
    .iconBox05{
        padding: 0 50px;
    }
    .siDetails {
        width: calc(100% - 50px);
        left: 25px;
    }
    .contactLeft{
        margin-right: 40px;
    }
    .abps02Con{
        padding-right: 80px;
    }
    .iconBox07{
        padding: 0;
    }
    .pricingTable{
        padding-left: 40px;
        padding-right: 40px;
    }
    .sidebar .widget{
        padding-left: 35px;
        padding-right: 35px;
    }
    .tm01Info {
        padding: 35px 15px 0 30px;
    }
    .tm01Desc {
        top: 88px;
        padding: 40px 30px 0 30px;
    }
    .tm01Social{
        padding-bottom: 30px;
    }
    .tm01Desc:before {
        left: 35px;
        width: calc(100% - 70px);
    }
    .tm01Desc p{
        font-size: 17px;
        line-height: 28px;
    }
    .gallery img {
        width: 92px;
        height: 92px;
        margin: 0 10px 10px 0;
    }
    .postCommetnListBox ol ul{
        margin-left: 35px;
    }
}
@media (max-width: 1699px){
    .accessArea{
        flex: inherit;
    }
    /*-- Mobile Menu --*/
    .menu_btn{
        height: 45px;
        border-radius: 3px;
        background: #f9758f;
        color: #FFF;
        line-height: 45px;
        font-size: 16px;
        display: flex;
        padding: 0 15px;
        align-items: center;
        text-align: center;
        margin-right: 30px;
        margin-top: 0;
        font-family: 'Jost', sans-serif;
        text-transform: uppercase;
    }
    .menu_btn span{
        font-weight: 700;
        font-size: 14px;
    }
    .menu_btn i{
        line-height: inherit;
        margin-right: 8px;
        width: 14px;
    }
    .menu_btn:hover, .menu_btn:focus, .menu_btn.active{
        color: #FFF;
    }
    .menu_btn.active .twi-bars2:before{
        content: "\fa88";
    }
    
    .team-one_navs{
		right:15px;
	}
    /*-- Mobile Menu --*/
}

@media (max-width: 1400px){
   
    .counter-three .inner-container{
		gap: 10px;
	}
	
	.process-one_content{
		padding-right: 0px;
	}
	
	.slider-five_bg{
		left: 250px;
		background-position: left top;
	}
	
	.service-twelve_content{
		padding: 0px 0px;
	}
	
	.project-detail_two-content{
		padding-left:0px;
	}
	
}


/*------------------------------------------------------
/  04. (min-width: 1200px And max-width: 1365px)
/------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1365px){
    .slider-two_vector,
	.slider-two_vector-two,
	.service-two_vector{
		display: none;
	}
	
	.about-one_content{
		padding-left:0px;
	}
}

/*------------------------------------------------------
/  05. (min-width: 992px And max-width: 1199px)
/------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px){
    .avConent {
        left: 30px;
        padding-left: 120px;
    }
    .postCommetnListBox ol ul{
        margin-left: 15px;
    }
    .postNavigationRow,
    .postCommetnFormBox{
        padding-left: 25px;
        padding-right: 25px;
    }
    .blogDetailsArea,
    .postCommetnListBox{
        padding-left: 30px;
        padding-right: 30px;
    }
    .blogDetailsArea h2.blogHeading {
        font-size: 36px;
        line-height: 46px;
    }
    .blogDetailsArea blockquote:before{
        left: 0;
    }
    .blogDetailsArea blockquote{
        padding-left: 85px;
    }
    .postMetaRow .col-md-5,
    .postMetaRow .col-md-7 {
        flex: 0 0 auto;
        width: 100%;
    }
    .postShare {
        justify-content: flex-start;
        margin: 20px 0 0;
    }
    .postAuthorBox img{
        left: 24px;
    }
    .postAuthorBox{
        padding-left: 172px;
        padding-right: 30px;
    }
    .pabSocial a {
        margin-left: 0;
        margin-right: 22px;
    }
    .pabSocial {
        position: relative;
        right: auto;
        top: 0;
        justify-content: flex-start;
        margin: -5px 0 20px;
    }
}

/*------------------------------------------------------
/  06. (min-width: 768px And max-width: 991px)
/------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px){

}

/*------------------------------------------------------
/  07. (min-width: 1200px)
/------------------------------------------------------*/
@media only screen and (max-width: 1500px){
	
	.slider-two_image{
		margin-right:0px;
	}
	
	.digital-one_circle,
	.slider-two .rating-box{
		right:10px;
	}
	
}

/*------------------------------------------------------
/  08. (min-width: 1199px)
/------------------------------------------------------*/
@media (max-width: 1199px){
    .slider01 .tp-bullet{
        left: -30px !important;
    }
    .aboutWidgetContent{
        padding-right: 0;
    }
    .footer .pdl124{
        padding-left: 15px;
    }
    .bi01Details{
        width: calc(100% - 50px);
        left: 25px;
    }
    .blogItem01{
        margin-bottom: 35px;
    }
    .singleCounter02{
        padding-left: 45px;
        margin-bottom: 40px;
    }
    .counterArea{
        padding-bottom: 43px;
    }
    .wcuContent{
        padding: 0 0 45px;
    }
    .whyChooseUsSection{
        padding-bottom: 250px;
    }
    .secSubTitle{
        letter-spacing: 4px;
    }
    .aboutSkills{
        padding: 70px 30px 30px 30px;
    }
    .aboutSkills .secTitle{
        font-size: 32px;
        line-height: 42px;
    }
    .aboutContent{
        padding: 45px 0 0;
    }
    .aboutImage .aiImgRow .float-end {
        float: left !important;
    }
    .iconBox01{
        margin: 0 0 35px;
    }
    .evenTeam{
        margin-top: 0;
    }
    .teamMember01{
        margin-bottom: 30px;
    }
    .aboutImage2{
        margin-left: 0;
    }
    .contactLeft{
        margin: 0;
    }
    .aboutContent2{
        padding: 40px 0 0;
    }
    .ti02Inner{
        padding-left: 40px;
        padding-right: 40px; 
    }
    .iconBox05{
        padding: 0 40px;
        margin: 0 0 35px;
    }
    .aboutImage2 .float-end {
        float: left !important;
        margin-left: 30px;
    }
    .slider02 .tparrows.tp-rightarrow{
        left: calc(100% + 30px) !important;
    }
    .slider02 .tparrows.tp-leftarrow{
        left: -30px !important;
    }
    .abps02Con{
        padding-right: 0;
    }
    .counterBox,
    .pricingTable,
    .iconBox07{
        margin: 0 0 35px;
    }
    .sidebar .widget{
        padding-left: 25px;
        padding-right: 25px;
    }
    .folioMeta{
        padding-left: 40px;
        padding-right: 40px;
    }
    .tm01Info {
        padding: 35px 15px 0 30px;
    }
    .tm01Desc {
        top: 88px;
        padding: 40px 30px 0 30px;
    }
    .tm01Social{
        padding-bottom: 35px;
    }
    .tm01Desc:before {
        left: 35px;
        width: calc(100% - 70px);
    }
    .postNavigationItem h3{
        font-size: 20px;
        line-height: 25px;
    }
    /*-- Mobile Menu --*/
    .menu_btn02{
        height: 45px;
        border-radius: 3px;
        background: #f9758f;
        color: #FFF;
        line-height: 45px;
        font-size: 16px;
        display: flex;
        padding: 0 15px;
        align-items: center;
        text-align: center;
        margin-top: 0;
        margin-left: auto;
        font-family: 'Jost', sans-serif;
        text-transform: uppercase;
    }
    .menu_btn02 span{
        font-weight: 700;
        font-size: 14px;
    }
    .menu_btn02 i{
        line-height: inherit;
        margin-right: 8px;
        width: 14px;
    }
    .menu_btn02:hover, .menu_btn02:focus, .menu_btn02.active{
        color: #FFF;
    }
    .menu_btn02.active .twi-bars2:before{
        content: "\fa88";
    }
    .mainMenu2{
        z-index: 99;
        position: absolute;
        margin: 0;
        padding: 0;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        box-shadow: -2px 4px 7px 0px rgba(226, 225, 225, .79);
        display: none;
        max-height: calc(100vh - 150px);
        overflow-y: auto;
    }
    .mainMenu2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }
    .mainMenu2 ul li{
        transform: none;
        transition: none;
        padding: 0;
        margin: 0;
        position: inherit;
        display: block;
        width: 100%;
    }
    .mainMenu2 > ul > li > a{
        padding: 16px 25px;
        border-top: 1px solid rgba(0, 0, 0, .05);
        color: #343c55;
    }
    .mainMenu2 ul li.menu-item-has-children > a:after{
        margin: 0;
        float: right;
        font-size: 12px;
        top: 3px;
    }
    .mainMenu2 > ul ul li.menu-item-has-children > a:after{
        top: 3px;
    }
    .mainMenu2 ul li .sub-menu li .sub-menu,
    .mainMenu2 ul li .sub-menu{
        border: none;
        padding: 0;
        z-index: 5;
        position: relative;
        width: 100%;
        opacity: 1;
        margin: 0;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        visibility: visible;
        pointer-events: inherit;
        top: 0;
        left: 0;
        display: none;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transition: none;
        -ms-transition: none;

        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        -ms-transition: none;
    }
    .mainMenu2 ul li .sub-menu li .sub-menu{
        border-top: 1px solid #f5f5f5;
    }
    .mainMenu2 ul li .sub-menu li:hover .sub-menu,
    .mainMenu2 ul li:hover .sub-menu{
        visibility: visible;
        opacity: 1;
        left: auto;
        pointer-events: inherit;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transition: none;
        -ms-transition: none;
        border: none;
    }
    .mainMenu2 ul li .sub-menu li {
        display: block;
        padding: 0;
        margin: 0;
        -webkit-transition: none;
        transition: none;
        opacity: 1;
        visibility: visible;
        transition: none;
        transform: none;
    }
    .mainMenu2 > ul ul li{
        border-top: 1px solid rgba(0, 0, 0, .05);
    }
    .mainMenu2 ul li .sub-menu li a{
        border: none;
        padding: 16px 25px;
        padding-left: 40px;
        background: transparent;
        display: block;
    }
    .mainMenu2 ul li .sub-menu ul li a{
        padding-left: 55px;
    }
    .mainMenu2 > ul > li > ul li:hover > a, .mainMenu2 > ul > li > ul li:active > a{
        background: transparent;
    }
    /*-- Mobile Menu --*/
    .slider-one .rating-box{
		right:2%;
	}
	
	h1 {
		line-height: 80px;
		font-size: 70px;
	}
	
	h2 {
		line-height: 52px;
		font-size: 42px;
	}
	
	.sec-title_text {
		line-height: 32px;
		font-size: 18px;
	}
	
	.slider-one_heading{
		margin-bottom:25px;
		padding-bottom:0px;
	}
	
	.slider-two_vector,
	.service-two_vector,
	.slider-one_heading span::before{
		display: none;
	}
	
	.agency-one .images-outer{
		padding-right:0px;
	}
	
	.about-one_content{
		padding-left:0px;
	}
	
	.service-block_one-text{
		padding:0px 0px;
	}
	
	.mainMenu2 ul{
		gap:0px;
	}

    .history-block_one-date:after{
		display: none;
	}
	
	.te-cuschooseus{
		overflow: hidden !important;
	}
	
	.te-cuschooseus .choose-one_image img{
		max-width: 100% !important;
	}

	.header-four .mainMenu2 ul li.menu-item-has-children > a::after {
		display: block;
	}
    
	.page-title_two h2{
		font-size: 44px;
	}
	
	.service-nine_content{
		padding: 0px 0px;
	}
	
	.header-four .headerInner{
		padding: 15px 0px;
	}
	
	.counter-three .counter-block_three:nth-child(2),
	.counter-three .counter-block_three:nth-child(4){
		transform: translateY(0px);
	}
	
	.counter-three{
		padding-bottom: 0px;
	}
	
	.headerIcons,
	.testimonial-five_authors,
	.clients-three_pattern,
	.counter-four_pattern,
	.service-ten_pattern{
		display: none;
	}
	
	.service-block_ten-inner{
		padding: 40px 40px;
	}
	
	.header-four .mainMenu2 ul > li > a{
		color: var(--orbitoo-color-two);
	}
	
	.slider-four_image img{
		max-width: 100%;
	}
	
	.service-block_eleven-inner{
		padding: 50px 30px 50px;
	}
	
	.counter-four .inner-container{
		padding:50px 30px 20px;
	}
	
	.clients-three .inner-container{
		padding:110px 20px 80px;
	}
	
	.service-thirteen_content{
		padding: 0px 0px;
	}
	
	.project-seven,
	.project-detail_two,
	.project-six,
	.contact-two{
		padding: 110px 0px 90px;
	}
	
	.address-block_one-text br{
		display: none;
	}
	
	.contact-two .map-box,
	.contact-two .form-outer{
		margin-top: 80px;
	}
	
	.service-block_fourteen-text{
		font-size: 16px;
		line-height: 28px;
	}
}

/*------------------------------------------------------
/  09. (min-width: 991px)
/------------------------------------------------------*/
@media (max-width: 1100px) {
    
	.service-eleven{
		padding: 100px 0px 0px;
	}
	
	.service-block_twelve-inner{
		padding:35px 25px;
	}
	
	.service-block_twelve-title{
		margin-top: 25px;
	}
	
	.slider-four .swiper-slide{
		padding: 180px 0px 140px;
	}
	
	.slider-four{
		background-color:#4801ff;
	}
	
	.slider-four_bg{
		display: none;
	}
	
	.choose-one{
		padding-bottom: 80px;
	}
	
	.testimonial-five{
		padding-bottom: 100px;
	}
	
	.service-thirteen,
	.process-one{
		padding-top: 0px;
	}
	
	.testimonial-five .quote-icon{
		margin-bottom: 30px;
	}
	
	.news-four{
		padding-bottom: 100px;
	}
	
	.main-footer.style-three .main-footer_text{
		max-width: 100%;
	}
	
	.page-title_two{
		padding:180px 0px 120px;
	}
	
	.sidebar-widget_two{
		padding: 30px 30px;
	}
	
	.news-block_six-title{
		font-size: 38px;
		line-height: 50px;
	}
	
	.news-block_six-content{
		padding:0px 30px 35px;
	}
	
	.news-five{
		padding: 100px 0px 100px;
	}
	
	.price-one{
		padding:100px 0px 100px;
	}
	
	.service-ten.style-two{
		padding-top: 110px;
	}
	
	.team-four{
		padding: 110px 0px 90px;
	}
	
}

/*------------------------------------------------------
/  09. (min-width: 991px)
/------------------------------------------------------*/
@media (max-width: 991px) {
    .menu_btn{
        margin-right: 20px;
    }
    .headerIcons a.searchToggler {
        margin-right: 18px;
    }
    .headerIcons a{
        margin-right: 15px;
    }
    .headerCall{
        margin-left: 20px;
    }
    .header01{
        padding: 0;
    }
    .postCommetnListBox ol ul{
        margin-left: 25px;
    }
    .gallery img:nth-child(3), .gallery img:nth-child(6), .gallery img:nth-child(9) {
        margin-right: 12px;
    }
    .sidebar.lsb{
        position: relative;
        margin-top: 0;
        margin-bottom: 60px;
    }
    .sidebar{
        position: relative;
        margin-top: 60px;
    }
    .orbFAQTab{
        margin: 0 0 40px;
    }
    .pricingTable{
        padding-left: 30px;
        padding-right: 30px;
    }
    .secTitle {
        font-size: 36px;
        line-height: 46px;
    }
    .siDetails {
        width: calc(100% - 40px);
        left: 20px;
    }
    .footerMenu ul li{
        margin-right: 11px;
    }
    .footer .widget{
        margin: 40px 0 0;
    }
    .testimonialItem{
        padding-left: 35px;
        padding-right: 35px;
    }
    .testimonialItem::after{
        right: 25px;
    }
    .avConent a{
        position: relative;
        margin-bottom: 10px;
    }
    .avConent{
        padding: 0 30px;
        left: 0;
    }
    .aboutImage2 img:first-child {
        margin: 85px 0 0px;
    }
    .aboutImage2 img{
        max-width: 50%;
    }
    .slider-two_heading span::before,
	.service-two_vector-two,
	.slider-one .rating-box{
		display: none;
	}
	
	.agency-one .column:nth-child(1),
	.about-one .column:nth-child(1){
		order:2;
	}
	
	.agency-one .column:nth-child(2),
	.about-one .column:nth-child(2){
		order:1;
	}
	
	.about-one_info{
		margin-bottom: 30px;
	}
	
	.header-top_list li{
		font-size: 15px;
	}
	
	.slider-two_heading{
		padding-bottom:0px;
	}
	
	.slider-two .swiper-slide{
		padding-top:220px;
	}
	
	.agency-one_counter{
		margin-bottom: 25px;
	}
	
	.subscribe-one .form-box,
	.digital-one_image{
		margin-left:0px;
	}
	
	.subscribe-one{
		padding-bottom: 80px;
	}
	
	.service-block_five-image{
		text-align:left;
	}
	
	.cta-one_button{
		margin-top:20px;
	}
	
	
	.sidebar-page-container .content-side{
		order:1;
	}
	
	.sidebar-page-container .sidebar-side{
		order:2;
	}

    .service-nine .row{
		flex-direction: column-reverse;
	}
	
	.service-nine{
		padding-top: 100px;
	}
	
	.team-three .team-block_two:nth-child(2n){
		transform: translateY(0px);
	}
	
	.clients-two .image{
		text-align:center;
		margin: 0px 5px 10px;
		border: 1px solid rgba(0,0,0,0.10);
	}
	
	.clients-two .column:nth-child(4n) .image{
		border-right: 1px solid rgba(0,0,0,0.10);
	}
	
	.clients-two .inner-container{
		border: 0px;
	}
	
	.footer-style-two::before{
		display: none;
	}
	
	.footer-style-two{
		padding-top: 100px;
	}
	
	.counter-block_three{
		margin-bottom:0px;
	}
		
	.service-block_nine-text{
		padding:0px 0px;
	}
	
	.service-block_ten-content{
		padding-left:0px;
	}
	
	.service-block_ten-icon{
		position:relative;
		margin-bottom:25px;
	}
	
	.cta-two_button{
		margin-top: 25px;
	}
	
	.cta-two .inner-container{
		padding: 50px 30px;
	}
	
	.testimonial-block_two-inner{
		padding: 30px 25px;
	}
	
	.testimonial-block_two-text{
		font-size: 18px;
		line-height: 30px;
	}
	
	.service-ten{
		padding-top: 30px;
	}
	
	.team-three .auto-container{
		margin-bottom: 0px;
	}
	
	.news-three_pattern,
	.counter-three .inner-container::before,
	.team-three_pattern,
	.service-ten_pattern-two{
		display: none;
	}
	
	.service-ten{
		padding-bottom: 90px;
	}
	
	.testimonial-four{
		padding-top: 100px;
		padding-bottom: 90px;
	}
	
	.team-three,
	.news-three{
		padding-bottom: 90px;
	}
	
	.service-nine_image{
		margin-left:0px;
	}
	
	.service-block_ten-inner {
		padding: 30px 30px;
	}
	
	.testimonial-block_two-quote{
		margin-right: 0px;
	}
	
	.slider-five_content-inner{
		padding-top: 0px;
	}
	
	.project-five_pattern,
	.service-thirteen_pattern,
	.service-twelve_pattern,
	.slider-five_pattern{
		display: none;
	}
	
	.slider-five_pattern-two{
		left: 50px;
	}
	
	.service-twelve .auto-container > .row{
		flex-direction: column-reverse;
	}
	
	.service-thirteen_content{
		margin-bottom: 50px;
	}
	
	.service-twelve_content{
		margin-bottom: 80px;
	}
	
	.service-thirteen{
		padding-bottom: 0px;
	}
	
	.service-thirteen .service-block_twelve:nth-child(2n),
	.service-twelve .service-block_eleven:nth-child(2){
		transform: translateY(0px);
	}
	
	.faq-two{
		padding-top: 30px;
		padding-bottom: 100px;
	}
	
	.choose-one .sec-title{
		margin-top:0px;
	}
	
	.news-four{
		padding-top: 100px;
	}
	
	.choose-one{
		padding-top: 120px;
	}
	
	.choose-block_one-text{
		max-width: 600px;
	}
	
	.slider-five_image img,
	.choose-one_image img{
		max-width:100%;
	}
	
	.service-twelve{
		padding-bottom: 80px;
	}
	
	.service-nine.style-two{
		padding-top:110px;
		padding-bottom: 90px;
	}
	
	.service-fourteen{
		padding:100px 0px 80px;
	}
	
	.history-one{
		padding:110px 0px 80px;
	}
	
	.history-block_one .column{
		padding: 0px 15px;
	}
	
	.history-block_one-date::before,
	.history-one .inner-container::before{
		display: none;
	}
	
	.history-block_one:nth-child(2n) .history-block_one-text,
	.history-block_one:nth-child(2n) .history-block_one-title{
		text-align: left;
	}
	
	.history-block_one-date{
		text-align: left;
		margin-bottom: 20px;
	}
	
	.history-one .sec-title{
		margin-bottom: 40px;
	}
	
	.comments-area_two,
	.blog-author-two{
		padding: 30px 30px;
	}
	
	.project-detail_two-content{
		margin-top: 30px;
	}
	
	.project-detail_two-alternate{
		padding-bottom: 90px;
	}
	
	.choose-two_play{
		margin-bottom: 35px;
	}
}

@media (max-width: 820px) {
	
	.main-footer_vector-three,
	.main-footer_vector-four,
	.header-top_list {
		display: none !important;
	}
	
	.main-footer_navs li a,
	.main-footer_copyright{
		font-size: 15px;
	}
	
	.consult-one .sec-title .sec-title_text{
		max-width:100%;
	}

    .testimonial-block_two-quote{
		margin-top: 20px;
	}
	
	.blog-detail_two-content{
		padding:0px 25px 25px;
	}
	
	.blog-detail_two p{
		font-size: 16px;
		line-height: 28px;
	}
	
	.blog-detail_posts .prev-post h5,
	.blog-detail_posts .next-post h5{
		max-width: 200px;
	}
	
}

/*------------------------------------------------------
/  10. (min-width: 767px)
/------------------------------------------------------*/
@media (max-width: 767px){
    .headerInner02 .orbBtn01.orbBtnBorder{
        display: none;
    }
    .menu_btn02, .menu_btn{
        margin: 0;
    }
    .header01 {
        padding: 17px 0;
        min-height: 80px;
    }
    header .logo2 img,
    header .logo img{
        height: 40px
    }
    .accessArea{
        display: none;
    }
    .postNavigationItem{
        margin: 0 0 25px;
    }
    .postNavigationItem h3 {
        font-size: 18px;
        line-height: 24px;
    }
    .pabSocial a {
        margin-left: 0;
        margin-right: 22px;
    }
    .pabSocial {
        position: relative;
        right: auto;
        top: 0;
        justify-content: flex-start;
        margin: -5px 0 20px;
    }
    .postAuthorBox img {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 25px;
    }
    .postAuthorBox {
        padding: 48px 20px 35px 20px;
    }
    .postShare{
        justify-content: flex-start;
        margin: 22px 0 0;
    }
    .blogDetailsArea blockquote:before{
        left: 0;
    }
    .blogDetailsArea blockquote{
        padding-left: 60px;
    }
    .blogDetailsArea h2.blogHeading {
        font-size: 35px;
        line-height: 45px;
    }
    .postCommetnFormBox h3.commentHeading{
        font-size: 32px;
    }
    .postCommetnListBox ol ul{
        margin-left: 15px;
    }
    .comment-reply{
        position: relative;
        top: 0;
        margin: 20px 0 15px;
    }
    .singleComment > img{
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 15px;
    }
    .singleComment{
        padding-left: 0;
    }
    .postNavigationRow,
    .postCommetnFormBox{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blogDetailsArea,
    .postCommetnListBox{
        padding-left: 20px;
        padding-right: 20px;
    }
    .sidebar .widget.helpWidget .headerCall h3{
        font-size: 22px;
    }
    .pageBannerContent h2{
        font-size: 40px;
        line-height: 50px;
    }
    .footerSocial{
        justify-content: center;
        margin: 20px 0 0;
    }
    .contactForm form .col-lg-6, .contactForm form .col-lg-12 {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
    .contactForm{
        padding: 45px 0 0;
    }
    .ti02Inner {
        padding-left: 30px;
        padding-right: 30px;
    }
    .secDesc br{
        display: none;
    }
    .folioContent2{
        padding-left: 30px;
    }
    .iconBox06 i{
        left: 28px;
    }
    .iconBox06{
        margin: 30px 0 0;
        padding: 42px 30px 42px 105px;
    }
    .iconBox05 {
        padding: 0 25px;
    }
    .abcFooter .headerCall{
        margin: 30px 0 0;
    }
    .abcFooter{
        display: block;
    }
    .iconBox04{
        margin: 0 0 30px;
    }
    .aiCounter2{
        position: relative;
        left: 0;
        margin-top: 15px;
    }
    .filterUL{
        display: block;
        text-align: center;
    }
    .filterUL li{
        display: inline-block;
        margin: 0 7px 15px;
    }
    .featureSection .animBottom{
        width: 100%;
        height: auto;
    }
    .aboutImage2 img:first-child {
        margin: 0 0 0px;
    }
    .aboutImage2 .float-end,
    .aboutImage2 img{
        max-width: 100%;
        float: none !important;
        margin: 10px 0 0;
    }
    .slider02 .tparrows, .slider01 .tparrows{
        display: none;
    }
    .secSubTitle {
        letter-spacing: 3px;
    }
    .aiImgRow img{
        float: none !important;
        max-width: 100%;
        margin: 0 0 15px !important;
    }
    .aboutImage .aiImgRow:first-of-type {
        margin: 0;
    }
    .aiCounter{
        position: relative;
        top: 0;
        left: 0;
    }
    .abcCounters{
        display: block;
    }
    .iconBox03,
    .iconBox02{
        margin-bottom: 30px;
    }
    .siteInfoSection{
        text-align: center;
    }
    .footerMenu ul{
        margin: 20px 0 0;
        display: block;
    }
    .footerMenu ul li{
        display: inline-block;
    }
    .ctaRight{
        text-align: left;
    }
    .siDetails > i{
        width: 75px;
    }
    .siDetails{
        width: calc(100% - 30px);
        left: 15px;
        padding: 24px 75px 28px 25px;
    }
    .bi01Details {
        width: calc(100% - 30px);
        left: 15px;
    }
    .blogItem01{
        padding-bottom: 150px;
    }
    .bi01Date{
        width: 65px;
        height: 65px
    }
    .bi01Date span:first-child{
        font-size: 24px;
    }
    .bi01Date span:last-child{
        font-size: 14px;
    }
    .singleCounter02{
        padding-left: 25px;
    }
    .testimonialItem {
        padding-left: 28px;
        padding-right: 30px;
        margin-top: 30px;
    }
    .testimonialItem::after {
        right: 15px;
        bottom: 125px;
    }
    .secTitle br{
        display: none;
    }
    .singleCounter {
        float: none;
        margin: 0 0 15px;
    }
    .mb57 {
        margin-bottom: 0;
    }
    .portfolioSlider.owl-carousel .owl-dot{
        margin: 0 5px;
    }
    .noPaddingRight {
        padding-right: 15px;
    }
    .noPaddingLeft {
        padding-left: 15px;
    }
    .aboutVideo{
        border-radius: 10px;
        margin-bottom: 30px;
        height: auto;
        overflow: visible;
    }
    .avConent{
        bottom: 20px;
    }
    .avConent a {
        font-size: 22px;
        line-height: 70px;
        height: 70px;
        width: 70px;
    }
    .avConent h3 {
        font-size: 24px;
        line-height: 32px;
    }
    .aboutSkills{
        border-radius: 10px;
    }
    .about-one_image-two,
	.slider-one_color-two,
	.slider-one::before,
	.slider-one::after,
    .accessArea{
        display: none;
    }
	.headerInner{
		padding:15px 15px;
	}
    h1 {
		line-height: 60px;
		font-size: 50px;
	}
	.slider-one_title{
		font-size: 16px;
	}
	
	.slider-one_content-inner{
		padding-top: 100px;
		padding-bottom: 120px;
	}
	
	.main-footer_navs{
		margin-top:10px;
	}
	
	.slider-two_vector-two,
	.main-footer_vector{
		display: none;
	}
	
	.fixedHeader.header01{
		min-height:auto;
		padding: 15px 0px;
	}
	
	.slider-two_heading{
		margin-top:0px;
	}
	
	.page-title h2{
		font-size: 60px;
	}
	
	.page-title{
		padding:250px 0px 100px;
	}
	
	.not-found .image img {
		max-width: 100%;
		margin-top: 40px;
	}

    .project-five_pattern-two,
	.history-block_one-date::after,
	.counter-three .inner-container::after,
	.project-four_pattern,
	.counter-three_pattern,
	.slider-four_pattern{
		display: none;
	}
	
	.project-five .sec-title,
	.news-three .sec-title,
	.team-three .sec-title,
	.service-ten .sec-title,
	.project-four .sec-title{
		margin-bottom: 40px;
	}
	
	.testimonial-four-arrow{
		position:relative;
		right:auto;
		top:0px;
	}
	
	.newsletter-widget{
		padding-top: 40px;
	}
	
	.service-nine{
		padding-bottom: 90px;
	}
	
	.slider-five_heading {
		font-size: 50px;
		line-height: 60px;
	}
	
	.choose-block_one-inner{
		flex-wrap: wrap;
	}
	
	.choose-block_one{
		margin-bottom: 30px;
	}
	
	.testimonial-block_three-text{
		font-size: 20px;
		line-height: 36px;
	}
	
	.testimonial-block_three-text{
		margin-bottom: 20px;
	}
	
	.testimonial-five_arrows{
		margin-top: 30px;
	}
	
	.page-title_two h2{
		font-size: 60px;
	}
	
	.history-block_one-text{
		font-size: 16px;
	}
	
	.clients-two.style-two,
	.team-three.style-two{
		padding-top: 100px;
	}
	
	.blog-detail_two-title{
		font-size: 34px;
		line-height: 40px;
	}
	
	.blog-detail_posts .prev-post h5, .blog-detail_posts .next-post h5{
		max-width: 100%;
	}
	
	.blog-detail_posts .prev-post,
	.blog-detail_posts .next-post{
		width: 100%;
		padding:0px;
		text-align:center;
		margin-bottom: 20px;
	}
	
	.blog-detail_posts .prev-post .author-image,
	.blog-detail_posts .next-post .author-image{
		position:relative;
		margin:0 auto;
		margin-bottom: 20px;
	}
	
	.blog-detail_posts{
		padding-bottom: 10px;
	}
	
	.comment-box_two .comment_two{
		flex-wrap: wrap;
	}
	
	.reply-comment{
		margin-left: 0px;
	}
	
	.page-title_two h2 {
		font-size: 36px;
		line-height: 46px;
	}
	
	.project-detail_two-info{
		padding:40px 40px;
	}
	
	.project-detail_two-bold{
		font-size: 18px;
		line-height: 30px;
	}
}

/*------------------------------------------------------
/  11. (min-width: 576px)
/------------------------------------------------------*/
@media (max-width: 576px){
    .bi03Details h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .bi03Details{
        padding-left: 22px;
        padding-right: 22px;
    }
    .relatedFolioTitle{
        font-size: 33px;
    }
    .folioMeta{
        padding-left: 40px;
        padding-right: 40px;
    }
    .orbitoPagination a, .orbitoPagination span {
        height: 45px;
        width: 45px;
        line-height: 43px;
        font-size: 16px;
    }
    .testimonialSlider2.owl-carousel .owl-dot{
        margin: 0 4px;
    }
    .iconBox01{
        padding-left: 30px;
        padding-right: 30px;
    }
    .folioContent h3{
        font-size: 23px;
        line-height: 32px;
    }
    .agency-one_circle,
	.testimonial-one_vector,
	.slider-two_image::before,
	.service-block_one-inner::before{
		display: none;
	}
	
	.about-one_text{
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.sec-title_title{
		font-size: 14px;
	}
	
	h2 {
		line-height: 42px;
		font-size: 32px;
	}
	
	.consult-one_counter{
		margin-bottom:25px;
	}
	
	.feature-block_one-text,
	.sec-title_text {
		line-height: 28px;
		font-size: 16px;
	}
	
	.feature-block_two{
		font-size: 18px;
	}
	
	.service-block_four-text{
		padding:0px 0px;
	}
	
	.service-block_five-image img{
		width:100%;
		display: block;
	}
	
	.service-five{
		margin-bottom: 70px;
	}
	
	.text, p{
		font-size: 16px;
	}
	
	.sidebar-widget{
		padding: 25px 20px;
	}
	
	.comment-box .comment{
		flex-wrap:wrap;
	}
	
	.reply-comment{
		margin-left:0px;
	}
	
	.post-share-options .social-links{
		margin-bottom: 20px;
	}
	
	.not-found h1{
		font-size: 180px;
	}
	
	.service-block_three-inner{
		flex-wrap:wrap;
	}
	
	.feature-block_one-inner{
		flex-wrap:wrap;
	}

    .slider-four_title{
		letter-spacing:0px;
	}
	
	.slider-four_heading{
		font-size: 50px;
		line-height: 60px;
	}
	
	.accordion-box .text,
	.process-one_list li,
	.service-block_ten-text,
	.slider-four_text{
		font-size: 16px;
		line-height: 28px;
	}
	
	.sec-title.style-three .sec-title_title{
		font-size: 18px;
		letter-spacing: 1px;
	}
	
	.service-nine_content p:nth-child(2){
		font-size: 18px;
		line-height: 30px;
	}
	
	.sec-title_text br{
		display: none;
	}
	
	.counter-block_four-text{
		font-size: 18px;
	}
	
	.service-twelve .bold-text,
	.slider-five_text{
		font-size: 18px;
		line-height: 30px;
	}
	
	.accordion-box .block .acc-btn{
		font-size: 20px;
	}
	
	.accordion-box .block{
		margin-bottom: 10px;
	}
	
	.accordion-box .block .content{
		padding:20px 0px 0px 0px;
	}
	
	.news-block_five-content{
		left: 20px;
		bottom: 20px;
	}
	
	.news-block_five-title{
		line-height: 30px;
		font-size: 20px;
	}
	
	.blog-detail_two blockquote{
		padding-left:0px;
	}
	
	.blog-detail_two blockquote .blockquote-quote{
		position:relative;
		line-height:1em;
		margin-bottom: 20px;
	}
	
	.blog-detail_two-options .post-tags a{
		margin-bottom: 10px;
	}
	
	.comment-box_two .text_two,
	.blog-author-two_text{
		font-size: 16px;
		line-height: 28px;
	}
	
	.comment-form_two h2,
	.comments-area_two .title-box{
		font-size: 26px;
	}
	
	.page-title_three h2 br{
		display: none;
	}
	
	.blog-detail_two-date{
		right: 8px;
		top: 8px;
	}
	
	.news-block_four-content{
		padding: 25px 25px;
	}
	
	.project-detail_two-info{
		padding: 35px 30px;
	}
	
	.testimonial-four-arrow > div{
		margin-left:0px;
	}
}

@media only screen and (max-width: 479px) {
	
	.service-block_three-content{
		padding-left:0px;
	}
	
	.service-block_three-icon{
		position:relative;
	}
	
	h1 {
		line-height: 46px;
		font-size: 36px;
	}
	
	h2 {
		line-height: 40px;
		font-size: 28px;
	}
	
	h3 {
		line-height: 38px;
		font-size: 26px;
	}
	
	.feature-block_one strong{
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.slider-two_text{
		font-size: 18px;
		line-height:32px;
	}
	
	.about-one_text{
		font-size: 20px;
	}
	
	.service-two_image{
		padding:0px 0px;
	}
	
	.page-title h2 {
		font-size: 40px;
	}
	
	.team-one .circle-one,
	.team-one_navs,
	.sec-title_text br,
	.sec-title_heading br,
	.service-two_circle,
	.project-block_one-number,
	.service-two_image::before{
		display: none;
	}
	
	.project-block_one-content{
		padding: 20px 20px;
	}
	
	.consult-one_form{
		padding: 25px 25px;
	}
	
	.news-block_one-content{
		padding:25px 20px 35px;
	}
	
	.news-block_one-meta li{
		font-size: 15px;
	}

	.service-block_one-inner{
		padding-left:20px;
		padding-right:20px;
	}

	.news-block_two-meta li,
	.header-top_phone{
		font-size:14px;
	}
	
	.service-block_one-text,
	.main-footer_links li a,
	.info-widget .text{
		font-size: 16px;
	}
	
	.news-block_two-content{
		padding:25px 20px 40px;
	}
	
	.service-block_four-inner{
		padding:55px 25px 55px;
	}
	
	.project-detail_info{
		padding: 45px 20px;
	}
	
	.project-detail_feature{
		flex-wrap:wrap;
	}
	
	.not-found h1{
		font-size: 120px;
	}

    .price-block_one-text,
	.news-block_six-text,
	.choose-block_one-text,
	.service-block_nine-text{
		font-size: 16px;
		line-height: 28px;
	}
	
	.testimonial-block_two-name{
		font-size: 16px;
	}
	
	.service-block_nine-inner{
		padding: 70px 25px 50px;
	}
	
	.footer-two_socials{
		margin-top: 25px;
	}
	
	.slider-five_title{
		font-size: 16px;
		letter-spacing: 2px;
	}
	
	.slider-five_pattern-two{
		display: none;
	}
	
	.counter-block_four-inner{
		gap: 0px;
		flex-wrap: wrap;
	}
	
	.service-twelve_signature{
		flex-wrap: wrap;
	}
	
	.service-twelve_signature span{
		transform: rotate(0deg);
	}
	
	.accordion-box .block .acc-btn{
		padding-right: 0px;
	}
	
	.news-four_button{
		margin-top: 25px;
	}
	
	.service-block_thirteen-text{
		font-size: 16px;
		line-height: 28px;
		padding: 0px 0px;
	}
	
	.page-title_two h2 {
		font-size: 40px;
	}
	
	.news-block_six-title{
		font-size: 28px;
		line-height: 38px;
	}
	
	.news-block_six-content {
		padding: 0px 20px 30px;
	}
	
	.news-block_six-meta{
		margin-top: 15px;
	}
	
	.tags-list li a{
		font-size: 15px;
		padding: 10px 16px;
	}
	
	.blog-detail_two-options .post-tags a{
		font-size: 14px;
	}
	
	.blog-author-two_socials{
		display: none;
	}
	
	.comment-form_two{
		padding: 25px 25px;
	}
	
	.news-block_four-tags{
		margin-top:10px;
		margin-left:10px;
	}
	
}