
/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea {
	max-width: 100%;
}



.rtl .icon_default.wprmenu_icon_par.wprmenu_par_opened:before {
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}



@media only screen and (max-width: 1730px) and (min-width: 1350px) {


.services_inner_col{
    padding: 30px 30px;
}
.box-title {
    font-size: 20px;
}

.menu-primary li a{
      padding: 10px 5px;  
      font-size: 16px;
}
.tel-area{
    width: 90%;
}
.inner_logo .black_bg {
    width: 180px;
}
.number_text {
    margin-left: 5px;
}
.call_icon {
    margin-right: 0;
}
.social_icons{
    padding-left: 10px;
}
	 }

@media only screen and (max-width: 1366px) {

	.head-land .t-1 {
		font-size:50px;
	}
	
	.head-land .t-2 {
		font-size:40px;
	}
	
	.toptext {
		font-size:18px;
	}
.post-title a{
    padding: 20px 5% 0px;
}
.services_inner_col{
    padding: 30px 30px;
}
.menu-primary li a {
   padding: 10px 8px;
    font-size: 14px;
}

	
	 }
@media only screen and (max-width: 1350px) {
   .num_detail span, .num_detail p a{
        font-size: 16px;
} 
}

@media only screen and (max-width: 1280px) {
	.menu-primary li a {
		padding:10px 5px;
		font-size:14px;
	}
	
	.toptel {
		font-size:18px;
	}
	
	#topimage .textholder {
		top: auto;
		bottom:50px;
	}
	.post-title a{
    padding: 20px 5% 0px;
}
.services_inner_col{
    padding: 30px 30px;
}
.num_detail span{
    font-size: 14px;
}
.num_detail p a{
    font-size: 16px;
}

#toprow {
    padding: 10px 55px;
}

}
@media only screen and (max-width: 1279px) {
   .menu-primary li a {
    padding: 10px 5px;
    font-size: 14px;
} 
#menu-mainmenu .menu-item-has-children ul.sub-menu li.menu-item-has-children>a:before{
    content:none;
}
.num_detail span {
    font-size: 12px;
}
.num_detail p a {
    font-size: 14px;
}

#toprow {
    padding: 10px 50px;
}
.num_detail{
    padding-right: 12px;
}

#office-staff .col-lg-3 {
    max-width: 50%;
    flex: 0 0 50%;
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
	#topmenu {
		display: none;
	}
    .contact_form_title {
    width: 24%;
    }	
    #footer {
    padding-top: 190px;
    }
    .post-title a {
    padding: 0;
    }
    #related-arts-col {    
         grid-template-columns: repeat(2, 1fr);
     }
	#home-title-area {
		top: 20%;
	    right: 4vw;
    width: 90%;	
	}
	.about_office_img {
        width: 55%;
	}
	.form-title {
		display: block;
		margin-bottom:20px;
	}
	.padding {
		width:100%;
	}

    #toprow{
        position: relative;
        top: 0px;
        left: 0;
        height: 114px;
        width: 70%;
        margin: 0 auto 0 0;
    }
    .tab_hide{
        display: none;
    }
    .logo {
        text-align: left;
    }
    img.object_img{
        top: 100%;
        z-index: 9;
    }
    
    .m_width{
        max-width: 100%;
        flex: 0 0 100%;
    }

}
	 
@media only screen and (max-width: 820px) {
#topimage img {
    height: 160px;
}
	#home-title-area .t-2 {
		font-size:60px;
	}
	.col-5th {
    flex: 0 0 33%;
    max-width: 33%;
}
	.box-item {
		margin-bottom:30px;
	}
#content-section {
    display: flex;
    flex-direction: column-reverse;
    padding: 45px 0px 0px 0px;
}
#content-section .entry {
    padding: 0px 30px;
}
    .about_office_img {
        width: 100%;
        position: relative;
        top: 20px;
    }
.logo-bottom {
	text-align: center;
	margin-top:20px;
}

#contact-form .form-container {
	width:100%;
}

.contact_detail {
    gap: 0px;
    padding-bottom: 260px;
    flex-flow: wrap;
}
.inner_detail {
    width: 50%;
}
.toptext {
	width:100%;
}
.contact_form_title {
    width: 100%;
 }
.contact_form_title .sec-title .title,
.contact_form_title .subTitle{
    text-align: center;
 }
 .contact_form {
    width: 100%;
    border-right: 0px solid #3B5E6A;
    padding-right: 0px;
}
.entry h1 {
	font-size:32px;
}

.image-frame {
	display: none;
}

#office-staff .black_bg{
    margin-bottom: 30px;
}

.profile_img img{
    width: 100%;  
}
.office_title, .w_90{
    width: 100%;
}

}


@media only screen and (max-width: 736px) {
	.single-img {
		max-width: 100%;
	}
		
	.copyrights {
		text-align: center;
		margin-bottom:10px;
	}
	.single-img.alignleft,
	.single-img.alignright,
	img.alignleft,
	img.alignright {
		float: none;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
	}

}

@media only screen and (max-width: 420px) {
	#toprow {
		position: relative;
		top:0;
		padding:15px 0;
	}
	
	.search-icon {
		display: none;
	}

	.footer-inner {
		width:100%;
	}

	
	.credits {
		text-align: center;
	}

	
	.title {
		font-size:28px;
	
	}
	
	#breadcrumbs {
		display: none;
	}
	
	#topimage img {
		height:120px;
		width: auto;
		max-width: inherit;
	}

}


@media only screen and (max-width: 767px) { 
    #home-title-area .t-1{
        font-size: 16px;
     }
    .contact_form_title .sec-title .title {
        font-size: 30px;
     }
    #related-arts-col {
        grid-template-columns: repeat(1, 1fr);
    }  
    #staff_boxes .excerpt {
        padding-left: 0vw;
        padding-bottom: 25px;
    }    
    #staff_boxes {
        PADDING: 30px 20px;
    }
     #home-title-area .t-2 {
        font-size: 24px;
     }
    .serch_icon {
        width: 12px;
    }
    #topimage img {
        height: 60px;
    }
    .faq-section {
    padding: 20px 24px 30px;
    }
    .mobile-head #logo-line .icons a {
    width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 13px;
        padding: 0px;
    }
    .inner .more{
        left: -20px;
    }
    .article{
         padding: 23px 20px 23px 35px;   
    }
    .col-5th {
            flex: 0 0 50%;
            max-width: 50%;
        }
    .rtl #mg-wprm-wrap ul li {
        padding-right: 20px;
    }
    #bottom {
        padding-top: 30px;
    }
    .page-template-page-services #contact-section, .single #contact-section, .page-template-page-staff #contact-section, .page-template-page-faq #contact-section {
        padding: 30px 0px 0px;
     }
	.box-item {
		margin-bottom:25px;
	    padding: 0px 5px;	
	}
	.box-title{
		font-size:18px;
	}
body.admin-bar .cbp-spmenu-bottom.custom.cbp-spmenu-open, body.admin-bar .cbp-spmenu-top.custom.cbp-spmenu-open {
    top: 120px!important;
}
    div#office-staff .col-lg-3 {
    /* width: 50% !important; */
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
}
#boxes-section {
    padding-bottom: 30px;
}
.content {
    display: flex;
    flex-flow: column-reverse;
}
	.logo {
		width:auto;
	}
	#toprow{
	  height: 105px;
    width: 55%;  
	}
.toptitle {
    font-size: 20px;
}
#topimage .textholder {
    bottom: 12px;
}
#breadcrumbs{
    font-size: 12px; 
}
#service_boxes{
    PADDING: 50PX 15PX 0px;
}
#contact-section {
    padding: 30px 0px 0px;
}
.inner_detail .right_div {
    width: 30px
}
.inner_detail div img {
    max-width: 25px;
}
.inner_detail div a, .f_weight {
    font-size: 12px;
 }
 .inner_detail div p {
    font-size: 12px;
 }
.footer-inner{
    padding:60px 30px 20px;
}
.contact_detail_sec {
    padding: 10px 0px;
}
.gform-footer{
    text-align: center;
}
#gform_fields_4 li.gfield--type-choice {
    grid-column: 1 / span 3;
}
.contact_detail {
    padding-bottom: 0px;
    }
.footer_form_cont{
    position: relative;
    bottom: -40px;    
}
#footer {
    padding-top: 20px;
}
#call-buttons a{
    width: 30px;
    height: 30px;
}

input[type="submit"], input[type="button"]{
    position: relative;    
}
.section {
    padding: 30px 20px;
}
.credits{
     justify-content: center;   
}

.contact_detail.white_bg, .form-container.white_bg{
    padding: 30px 20px;
}
#contact-form .col-12{
    margin-bottom: 30px;
    padding: 0;
}
.breadcrumbs_section{
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0px 0px;    
    text-align: right;
}
.single-img.alignleft, .home-img.alignleft{
    width: 100%;
}
#home-title-area .t-1{
    line-height: 30px;
}
.areas{
    bottom: 1%;
}

.page-template-page-contact .contact_detail {
    padding-bottom: 15px;
}
	#topimage .textholder {
		bottom: 30px;
	}
	
	#single-contact .gform_body {
		width:100%;
	}

	body {
		width:100%;
		overflow-х: hidden;
	}
	.faq-title {
		font-size:18px;
	}
	.faq-section .plus {
		zoom:0.7;
		left:15px;
		top:25px;
	}
    .mobile-head .icons  {
        display: flex;
        align-items: center;
        justify-content: center;	
    }
}

@media only screen and (max-width: 460px) { 


}

@media only screen and (max-width: 350px) { 
#home-title-area .t-1, #home-title-area .t-2 {
    font-size: 16px;
}
}

