@media(max-width:1700px){
.home_header .col-sm-5 {
    position: relative;
    z-index: 9;
}
.home_header:before{    opacity: .6;}

}

@media(max-width: 1480px){
	ul#primary-menu > li{margin-left: 20px;
    margin-right: 20px;}
}

@media (max-width: 1400px){
	ul#primary-menu > li {
	    margin-left: 15px;
	    margin-right: 15px;
	}

	.home_header:after {
	    height: 236px;
	    width: 130px;
	    background-size: contain;
	    background-position: right;
	}

	header#masthead:before {
	    height: 100px;
	    width: 100px;
	    background-size: cover;
	}

	.home_header:before {
	    height: 156px;
	    width: 89px;
	    background-size: contain;
	    background-position: bottom;
	}
}

@media (max-width: 1200px){
	ul#primary-menu > li {
	    margin-left: 7px;
	    margin-right: 7px;
	}
	.home_service_icon .elementor-column:before{
		display: none;
	}
	.headerright a{font-size:14px; font-weight:normal;}
	section.home_service_icon h2{font-size:16px; line-height:24px;}
	section.home_content .row .col-sm-6 .home_content_text{padding:20px;}
	section.ourprojects{padding:50px 0px;}
	.row.links_hours ul li a{font-size:15px;}
	.project_title a{font-size:16px;}
	.main-navigation li:hover > ul.sub-menu{right:0 !important;}


}


@media (max-width: 1100px){

	ul#primary-menu a {
	    font-weight: 400;
	    font-size: 16px;
	}

	.headerright ul+a.btnheader {
	    padding: 7px 8px;
	    font-weight: 600;
	}
	header#masthead .col-sm-9 {
	    padding-top: 30px;
	}
}

@media(max-width:999px){
	.project_title {
    width: 80% !important;
    text-align: center;
}
	.project_title a{text-align:center;}
	header#masthead .col-sm-3 {
    width: 100%;
    text-align: center;
}
header#masthead .col-sm-9 {
    padding-top: 30px;
    width: 100%;
}
section.home_content .row .col-sm-6 .home_content_text{font-size:16px;}
header#masthead.active {
    position: relative;
    z-index: 99;
    border: 0px;
    padding-top: 27px;
}
header#masthead.active:before {
    display: block;
    position: fixed;
    background-color: #367a53;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    padding-top: 100px;
    background-image: url(../images/mobile_menu_bg.png);
}
}

@media (max-width: 768px){

	.restfrog_work {
	    margin-top: 0px;
	}
	
.main-navigation ul.sub-menu {
  background: transparent; position: relative;
    min-height: auto;    min-width: auto;
}
	
ul#primary-menu>li a {
    position: initial;
}
	header#masthead .container {
	    max-width: 1600px !important;
	}
	.mobile_menu {
	    position: absolute;
	    top: 18px;
	    width: 22px;
	    height: 20px;
	    background: url(../images/menubar.png);
	    right: 15px;
	    background-repeat: no-repeat;
    	background-position: center;
	}
	.mobile_menu.active{background: url(../images/menucross.png);
	    background-repeat: no-repeat;
    	background-position: center;
    	    z-index: 100;
    	    position: fixed;
    }

	nav#site-navigation {
	    display: none;
	}

	.headerright ul li:last-child {
	    display: none;
	}

	.headerright ul li:after {
	    display: none;
	}

	.site-branding {
	    width: 170px;
	}

	.headerright ul+a.btnheader {
	    display: none;
	}
	.home_header:before {
	    bottom: inherit;
	    top: -48px;
	    left: -24px;
	}

	header#masthead .col-sm-9 {
	    padding: 0;
	}

	.headerright {
	    position: absolute;
	    right: 42px;
	    top: 11px;
	}

	.headerright ul li {
	    vertical-align: middle;
	    padding-right: 20px;
	    line-height: 28px;
	    height: 28px;
	}

	.headerright ul li img {
	    vertical-align: middle;
	}

	.headerright a {
	    display: block;font-weight: 800;
	}

	.home_header:before {
	    width: 29px;
	    height: 55px;
	    top: -19px;
	    background: url(../images/headmobleft.png);
	        left: 0;
	}

	header#masthead:before {
	    display: none;
	}

	button.menu-toggle {
	    display: none !important;
	}

	nav#site-navigation.active ul#primary-menu a {
	    color: #fff !important;
	}

	nav#site-navigation.active  ul {
	    display: block;
	    padding: 0px 0px 0px 40px;
	        padding-right: 40px;
	}

	nav#site-navigation.active ul ul {
	    padding-right: 0px;
	}

	nav#site-navigation.active   ul a {
	    font-size: 17px !important;
	    font-weight: 900 !important;
	    display: initial;
	}

	nav#site-navigation.active ul ul.sub-menu {
	    display: none;
	}

	nav#site-navigation.active {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    z-index: 99;
	    padding-top: 100px;
	}


	nav#site-navigation.active .mobile_contact {
	    display: block;
	}

	nav#site-navigation.active .mobile_contact a {
	    color: #fff;
	    padding: 10px;
	}

	nav#site-navigation.active  a.git_btn {
	    color: #fff;
	    font-weight: 900;
	    text-transform: lowercase;
	    font-size: 17px !important;
	    margin-bottom: 20px;
	    padding-bottom: 30px;
	    border-bottom: solid 2px #fff;
	    margin-left: 50px;
	    margin-right: 50px;
	    display: block;
	}

	nav#site-navigation.active a:hover {
	    color: #FFC71A;
	}

	nav#site-navigation.active a {
	    font-family: 'Open Sans';
	}

	nav#site-navigation.active .aniactive + a + ul.sub-menu {
/* 	    display: block !important; */
	    position: inherit;
	    background: transparent;
	    min-height: inherit !important;
	    top: inherit;
	    min-width: inherit;
	    float: none;
	    clear: both;
	    margin: 0px;
	    margin-top: 15px;
	}

	.menuarrow {
	    position: absolute;
	    right: 15px;
	    width: 0px;
	    height: 0px;
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    border-top: 7px solid #fff;
	    top:15px;
	}
/*header#masthead.active .main-navigation ul .menu-item-has-children .menuarrow:before {
    content: '+';
    color: #fff;
    float: right;
    font-size: 26px;
    line-height: 40px;
    height: 40px;
}
header#masthead.active .main-navigation ul .menu-item-has-children .menuarrow.aniactive:before {
    content: '-';
}*/

	nav#site-navigation.active  ul.sub-menu ul.sub-menu {
	    position: inherit;
	    top: inherit;
	}

	nav#site-navigation.active  ul.sub-menu ul.sub-menu {
	    left: inherit;
	    border: 0px;
	    width: auto;
	    margin-top: 0px !important;
	}

	nav#site-navigation.active  ul.sub-menu ul.sub-menu:before {
	    display: none;
	}

	nav#site-navigation.active ul ul.sub-menu a {
	    font-size: 14px !important;
	    font-weight: 400 !important;
	    margin: 0px;
	    border: 0px;
	}

	nav#site-navigation.active  ul#primary-menu > li {
	    padding-bottom: 20px;
	}


	.home_service_icon .owl-item {
	    float: left;
	}
	.home_service_icon  .owl-stage-outer {
	    width: 100%;
	    overflow: hidden;
	}


	.home_service_icon  .owl-nav {
	    position: absolute;
	    top: 25%;
	    width: 100%;
	}

	.home_service_icon  .owl-nav button.owl-prev {
	    float: left;
	    margin-left: -40px;
	}

	.home_service_icon  .owl-nav button.owl-next {
	    float: right;
	    margin-right: -40px;
	}

	.home_service_icon  .owl-nav button {
	    background: transparent;
	    border: 0px;
	}

	.home_service_icon  .owl-nav button span {
	    font-size: 45px;
	    color: #fff;
	    line-height: 1px;
	}


	.home_content  section:nth-child(2)  .elementor-column.elementor-col-50:nth-child(2) {
	    order: 1;
	}

	.home_content  section:nth-child(2)  .elementor-column.elementor-col-50:nth-child(1) {
	    order: 2;
	}

	.our_portfolio {
	    min-height: 400px;
	}
	.home_header:after {height: 123px;width: 73px;}

	footer#colophon {
	    font-size: 16px;
	    padding: 40px 30px;
	}

	.row.contacts .col-sm-6:last-child section ul {
	    float: none;
	    margin: 0px;
	    padding: 0px;
	}

	.row.contacts .col-sm-6:last-child section ul li a {
	    font-weight: 600 !important;
	    font-size: 16px;
	}

	.row.contacts .col-sm-6:last-child section ul li {
	    margin: 0px;
	    display: block;
	}

	.row.links_hours ul li a {
	    font-size: 16px;
	}

	.row.links_hours ul li {
	    display: block;
	    margin: 0px;
	    border: 0px;
	}

	.row.links_hours {
	    padding-top: 20px !important;
	    margin-top: 0px;
	    margin-bottom: 0px !important;
	    padding-bottom: 0px;
	}

	.row.links_hours section {
	    text-align: left;
	    font-size: 16px;
	}

	.row.copyright_social {
	    font-size: 13px;
	    line-height: 18px;
	}

	.row.copyright_social .col-sm-4 {
	    order: 1;
	}

	.row.copyright_social .col-sm-8 {
	    order: 2;
	}

	.row.copyright_social ul.cnss-social-icon {
	    width: 100%;
	    margin-bottom: 15px;
	    text-align: left !important;
	}

	.row.links_hours .col-sm-7 {
	    order: 2;
	}

	#taniabbing-sections .elementor-tab-title {
	    border-top: solid 1px rgb(255 255 255 / 36%);
	    border-radius: 0;
	    background: #ffc71a;
	    height: inherit;
	}

	#taniabbing-sections .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
	    background: #4996d8;
	    color: #fff;
	}

	.kbsidebar {
	    max-width: 100%;
	    width: 100%;
	}

	div#base_innersection .col-sm-8, div#base_innersection .col-sm-4 {
	    width: 100%;
	    max-width: 100%;
	}

	.inner_page_container {
	    padding-top: 39px;
	    padding-bottom: 30px;
	}
	.wpcf7-form-control-wrap {
	    width: calc(100% - 30px);
	}

	.custom_search_box.activesearch {
	    right: 15px;
	    z-index: 9;
	    left: 15px;
	    width: calc(100% - 30px);
	    position: fixed;
	    background: #fff;
    z-index: 999;
	}
	section.home_header h2 {
	    font-size: 23px;
	    line-height: 35px;
	}
	section.home_header .header_content p {
	    font-size: 20px;
	    line-height: 30px;
	}
	section.ourprojects .col-sm-4{width:calc(50% - 20px) !important;}
	[data-aos^=fade][data-aos^=fade]{transform:inherit !important;}
	.tabsections_WebStartPackage .nav-tabs li.nav-item button{font-size:15px !important;}
	section.home_service_icon ul.mainslider li:hover .icon_img, section.home_service_icon ul.mainslider li .icon_img {
	    width: 150px;
	    height: 150px;
	    background: #fff;
	    border-radius: 100%;
	    margin: 0px auto !important;
	    margin-bottom: 20px !important;
	}
	section.home_service_icon ul.mainslider li:hover {
	    color: #ffc71a;
	    text-align: center;
	}
	.inner_page_container h1 {
	    font-size: 22px;
	}
	.colcontent h2 {
	    font-size: 20px;
	}

	.colcontent p {font-size: 16px;
	    line-height: 30px;}

	.colcontent {padding-top: 0px !important;}

	.inner_page_container h1:after {max-width: 115px;margin-bottom: 20px;margin-top: 10px;}
	.tabsections_WebStartPackage ul.imageicons_tab {
	    display: none;
	}
	.tabsections_WebStartPackage .nav-tabs li.nav-item {border-top: solid 1px rgb(255 255 255 / 36%);
    
	    background: #ffc71a;
	    height: inherit;width: 100% !important;border-radius: 0px !important;}

	.tabsections_WebStartPackage .nav-tabs li.nav-item button.active {background: #4996d8;
	    color: #fff;border-radius: 0px;}

	.tabsections_WebStartPackage .nav-tabs li.nav-item button {padding-top: 12px;padding-bottom: 12px;height: inherit;}

	.tabsections_WebStartPackage .tabcontent_sectins {padding: 15px;}
	section.home_content .row:nth-child(2) .col-sm-6 {order: 2;}
	section.home_content .row:nth-child(2) .col-sm-6:nth-child(2) {order: 1;}
	section.ourprojects {padding: 15px;}
	.home_content_img {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.inner_page_container {
	    padding-left: 15px;
	    padding-right: 15px;
	}

div#packagelisting_sections .clientcare_packagebox .titleclientcare{padding:50px 20px !important;}
div#packagelisting_sections .col-sm-6 {
    width: 100% !important;
}
div#bottomclientcaretext .col-sm-6 {
    width: 100% !important;
}div#packagelisting_sections .col-sm-6:last-child .clientcare_packagebox {
    margin-bottom: 50px !important;
}

.aboutimgclintcare{margin-top:20px !important;}

}	


@media(max-width: 592px){

section#homeheader_banner div#bannertext_left {
    width: 55%;
}
section#homeheader_banner div#homebanner_images {
    width: 45%;
}

section#homeheader_banner div#bannertext_left a.elementor-button-link.elementor-button {
    font-size: 12px;
    padding: 10px 15px !important;
}
.our_portfolio .elementor-widget-icon-list{opacity:1; position:inherit;}
.our_portfolio .elementor-widget-icon-list li {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 13px;
}
.our_portfolio ul.elementor-icon-list-items{display:block;}
.home_service_icon .owl-item h2.elementor-heading-title {
    font-size: 20px !important;
}
.wpcf7-form-control-wrap input.wpcf7-form-control, .wpcf7-form-control-wrap select.wpcf7-form-control{
height:50px; line-height:50px;
font-size:15px;
}
textarea.wpcf7-form-control.wpcf7-textarea{max-height:150px; line-height:50px;font-size:15px;}
.home_content_img {
    margin: 25px 0px;
}
section.ourprojects .col-sm-4{width:calc(100% - 20px) !important;}
section.home_content .row .col-sm-6 .home_content_text h2{font-size:22px;}
.colcontent {
    padding-right: 0;
}
/*.tabsections_WebStartPackage .nav-tabs li.nav-item, .tabsections_WebStartPackage ul.imageicons_tab li{width:33.33% !important;}*/
section.home_header .header_content{padding-top:100px !important;}

.home_content_img {padding-left: 15px;padding-right: 15px;}

section.home_content .row .col-sm-6 .home_content_text h2 {font-size: 18px;}

.home_content_text span.divider-separator {display: none;}

section.home_content .row .col-sm-6 .home_content_text .btn a {font-size: 12px;
    line-height: 18px;}
    section.home_content .row .col-sm-6 .home_content_text {
	    font-size: 15px;
	}

	section.home_header .row {display: flex;}

	section.home_header .row .col-sm-5 {width: 55%;}
	section.home_header .row .col-sm-7 {width: 44%;}

	section.home_header {padding: 60px 0px 60px 0px;}

	section.home_header .header_content {padding-top: 0px !important;}

	section.home_header h2 {font-size: 14px;
	    line-height: 20px;}

	section.home_header .header_content p {font-size: 16px;
	    line-height: 21px;}

	section.home_header .header_content a {font-size: 12px;
	    padding: 10px 15px !important;}

	.site-branding {
	    width: 170px;
	}


div#packagelisting_sections .clientcare_packagebox .titleclientcare{padding:50px 20px !important;}
div#packagelisting_sections .clientcare_packagebox .clientcare_packageboxdesc{padding:15px;}
div#packagelisting_sections .clientcare_packagebox .clientcare_packageboxdesc ul li{font-size:15px;}
div#packagelisting_sections .clientcare_packagebox .clientcare_packageboxdesc ul{min-height:inherit;}
div#packagelisting_sections .clientcare_packagebox .clientcare_packageboxdesc .note{font-size:15px;}
header#masthead{padding:10px 0px;}

}

@media(max-width: 479px){
	section#homeheader_banner div#bannertext_left h2.elementor-heading-title {
    font-size: 14px;
    line-height: 20px;
}
.site-branding {
    width: 120px;
}
section.home_content ul{font-size:14px;}
.tabsections_WebStartPackage .nav-tabs li.nav-item, .tabsections_WebStartPackage ul.imageicons_tab li{width:100% !important;}

}