/* -----------------------------------------------------------------------
    Responsive
-------------------------------------------------------------------------- */



/* Desktops under 1200px */


@media only screen and (min-width: 980px) and (max-width: 1200px) {


    #wrapper { width: 100%; }

    .container { width: 440px; margin-left:100px; }
	
	h2 {
	margin-top:100px;}
	
	.logobig{
	position:absolute; left:50%; top:200px;  height:264px; width:400px; margin:0px 0 0 -200px;
	}
	
	#menu-toggle {
    top: 40px;
    left: -92px;
	}
	
	.idiomas{
	top:47px; right:136px; position:fixed; z-index: 99;
	}
	
	.menucuadros{
	top:95px; right:60px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 60px;
    left: auto;
	}
	
	nav#primary-menu {
    position: relative;
    margin: 90px 0;
	}
	
	nav#primary-menu li a {
        padding-right: 60px;
		padding-top: 20px;
        font-size: 19px;
		line-height:7px;
        letter-spacing: 1px;
    }
	
	
	#side-social {
    bottom: 30px;
	right:60px;
	font-size:14px;
	line-height:17px;
	}
	
	#side-menu {
    display: block;
    width: 260px;
    right: -260px;
	}
	
	.span2b{font-size:24px; line-height:30px;}
	
    .postcontent { width: 710px; }
    .sidebar { width: 210px; }

    .postcontent,
    .sidebar { margin-right: 40px; }

    .portfolio-item { width: 25%; }

    #portfolio-single-wrap #slider { width: 640px; }

    #portfolio-details-wrap { width: 280px; }

    #portfolio-details-wrap .port-terms h5 { width: 110px; }

    .clients li { margin-left: 30px; }

    .clients li,
    .clients li a,
    .clients li img {
        width: 135px;
        height: 60px;
    }

    .clients li:first-child { margin-left: 0; }

    ul.tab-nav.tab-nav2 li {
        height: 36px;
        margin-left: 7px;
    }

    ul.tab-nav.tab-nav2 li:first-child { margin-left: 0; }

    ul.tab-nav.tab-nav2 li a {
        padding: 0 12px;
        height: 36px;
        line-height: 36px;
    }

    #google-map { height: 400px; }


}


/* Tablet and Mobile Browsers (devices and browsers) */
@media only screen and (max-width: 979px) {


    #wrapper { width: 100%; }

    .sidebar.col_last,
    .postcontent.col_last,
    #portfolio-single-wrap #slider,
    #portfolio-details-wrap { float: none; }
	
	 .container { width: 440px; margin-left:100px; }
	
	.logobig{
	position:absolute; left:50%; top:150px;  height:236px; width:358px; margin:0px 0 0 -179px;
	}
	
	h2 {
	margin-top:90px;}
	
	#menu-toggle {
    top: 40px;
    left: -92px;
	}
	
	.idiomas{
	top:47px; right:136px; position:fixed; z-index: 99;
	}
	
	.menucuadros{
	top:95px; right:60px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 60px;
    left: auto;
	top:30px;
	}
	
	nav#primary-menu {
    position: relative;
    margin: 70px 0;
	}

	nav#primary-menu li a {
        padding-right: 60px;
		padding-top: 20px;
        font-size: 15px;
		line-height:5px;
        letter-spacing: 1px;
    }
	
	#side-menu {
    display: block;
    width: 260px;
    right: -260px;
	}
	
	#side-social {
    bottom: 20px;
	right:60px;
	font-size:14px;
	line-height:17px;
	}
	
	.span2b{font-size:24px; line-height:30px;}

    .sidebar {
        margin-top: 60px !important;
        padding-top: 60px;
        border-top: 3px double #E5E5E5;
    }

    #portfolio-single-wrap #slider { width: 100%; }

    #portfolio-details-wrap { width: 100%; }

    #portfolio-single-wrap #slider,
    #portfolio-details-wrap { margin: 0; }

    #portfolio-details-wrap { margin-top: 40px; }

    #portfolio-details-wrap .port-terms h5 { width: 35%; }


}


/* Tablet Portrait size to Tablet Landscape (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {


     .container { width: 440px; margin-left:100px; }
	
	.logobig{
	position:absolute; left:50%; top:150px;  height:236px; width:358px; margin:0px 0 0 -179px;
	}
	
	#menu-toggle {
    top: 40px;
    left: -92px;
	}
	
	.idiomas{
	top:47px; right:136px; position:fixed; z-index: 99;
	}
	
	h2 {
	margin-top:90px;}
	
	.menucuadros{
	top:95px; right:60px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 60px;
    left: auto;
	top:30px;
	}
	
	nav#primary-menu {
    position: relative;
    margin: 70px 0;
	}
	
	nav#primary-menu li a {
        padding-right: 60px;
		padding-top: 20px;
        font-size: 15px;
		line-height:5px;
        letter-spacing: 1px;
    }
	
	#side-social {
    bottom: 20px;
	right:60px;
	font-size:14px;
	line-height:17px;
	}
	
	.span2b{font-size:24px; line-height:30px;}
	
	#side-menu {
    display: block;
    width: 260px;
    right: -260px;
	}

    .postcontent { width: 720px; }
    .sidebar { width: 720px; }

    .postcontent,
    .sidebar {
    	margin: 0 0 40px 0;
    	float: none;
    }

    .page-title h2 { font-size: 46px; }

    .page-title .container > span {
        font-size: 15px;
        line-height: 22px;
    }

    .slider-caption { font-size: 32px; }

    .portfolio-item { width: 33%; }

    #portfolio-related-wrap {
        padding: 40px 0;
        margin: 40px 0 -40px;
    }

    #portfolio-details-wrap .port-desc,
    #portfolio-details-wrap .accordion {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

    #portfolio-details-wrap .accordion { margin-right: 0; }

    .clients li { margin-left: 20px; }

    .clients li,
    .clients li a,
    .clients li img {
        width: 103px;
        height: 46px;
    }

    ul.tab-nav.tab-nav2 li {
        height: 36px;
        margin-left: 7px;
    }

    ul.tab-nav.tab-nav2 li:first-child { margin-left: 0; }

    ul.tab-nav.tab-nav2 li a {
        padding: 0 12px;
        height: 36px;
        line-height: 36px;
    }

    .contact-info { font-size: 21px; }

    .contact-info span { font-size: 14px; }

    #google-map { height: 280px; }


}



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


    .container { width: 350px; margin-left:55px; }
	
	.logobig{
	position:absolute; left:50%; top:130px;  height:190px; width:286px; margin:0px 0 0 -143px;
	}
	
	#menu-toggle {
    top: 50px;
    left: -62px;
	}
	
	.idiomas{
	top:20px; right:20px; position:fixed; z-index: 99;
	}
	
	.span3b{right:-200px; display: block;}
	
	h2 {
	margin-top:70px;}
	
	.menucuadros{
	top:105px; right:33px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 25px;
    left: auto;
	top:20px;
	}
	
	nav#primary-menu {
    position: relative;
    margin: 60px 0;
	}
	
	nav#primary-menu li a {
        padding-right: 28px;
		padding-top: 20px;
        font-size: 13px;
		line-height:0px;
        letter-spacing: 1px;
    }
	
	.logo5{color:#FFF; position:fixed; z-index: 1; top:-45px; left:30px; display:none;}
	
	#side-menu { overflow: visible; }

    #side-social {
    bottom: 20px;
	right:28px;
	font-size:11px;
	line-height:13px;
	}
	
	.span2b{font-size:20px; line-height:25px;}
	
	#side-menu {
    display: block;
    width: 200px;
    right: -200px;
	}

    .slider-caption {
        height: 100px;
        line-height: 100px;
        margin-top: -50px;
    }

    .postcontent,
    .sidebar,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_one_fourth,
    .col_three_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth { width: 100%; }


    .postcontent,
    .sidebar,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth {
    	margin-right: 0;
    	float: none;
    }

    .postcontent,
    .sidebar,
    .col_full,
    .col_half,
    .col_one_third,
    .col_two_third,
    .col_three_fourth,
    .col_one_fourth,
    .col_one_fifth,
    .col_two_fifth,
    .col_three_fifth,
    .col_four_fifth,
    .col_one_sixth,
    .col_five_sixth { margin-bottom: 40px !important; }


    #respond .col_one_third,
    #respond .col_full { margin-bottom: 15px !important; }


    .postcontent.col_last,
    .sidebar.col_last { margin-bottom: 0 !important; }


    form .col_full,
    form .col_half,
    form .col_one_third,
    form .col_two_third,
    form .col_three_fourth,
    form .col_one_fourth,
    form .col_one_fifth,
    form .col_two_fifth,
    form .col_three_fifth,
    form .col_four_fifth,
    form .col_one_sixth,
    form .col_five_sixth,
    form .col_last { margin: 0 0 10px 0 !important; }


    #portfolio-filter li {
        margin: 0 0 15px 0;
        width: 32%;
    }

    #portfolio-filter li a {
        display: block;
        padding: 0 10px;
        border-left: none;
        text-align: center;
    }

    #portfolio-filter li span { display: none; }
    
    
    .portfolio-item .portfolio-image img {
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }
    
    .portfolio-item:hover .portfolio-image img {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }


    #portfolio-single-wrap #slider {
        float: none;
        margin-bottom: 30px;
        width: 100%;
    }


    #portfolio-ajax-single h2 { text-align: center; }

    #portfolio-details-wrap {
        float: none;
        width: 100%;
        margin: 0;
    }

    #portfolio-details-wrap .port-details { margin-top: 35px; }

    #portfolio-navigation {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        margin: 20px auto;
        text-align: center;
    }

    .pricing {
        padding-top: 0;
        margin-bottom: 40px;
    }

    .pricing .pricing-wrap,
    .pricing3 .pricing-wrap,
    .pricing5 .pricing-wrap {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .pricing .pricing-wrap.best-price { margin-left: 0; }

    .pricing .pricing-wrap.best-price .pricing-inner { margin: 0; }

    .pricing-wrap .pricing-inner { border: 1px solid #E5E5E5; }

    .section-desc { font-size: 18px; }


    img.alignleft,
    div.alignleft,
    img.alignnone,
    img.aligncenter,
    div.alignnone,
    div.aligncenter,
    img.alignright,
    div.alignright,
    .wp-caption {
        display: block !important;
        float: none;
        margin: 10px auto;
        clear: both;
    }

    .wp-caption img {
        position: relative;
        margin: 0 auto !important;
    }

    .wp-caption { margin: 15px auto; }

    ul.tab-nav.tab-nav2 li {
        height: 36px;
        margin-left: 7px;
    }

    ul.tab-nav.tab-nav2 li:first-child { margin-left: 0; }

    ul.tab-nav.tab-nav2 li a {
        padding: 0 12px;
        height: 36px;
        line-height: 36px;
    }

    #gotoTop { display: none !important; }


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


    .container { width: 350px; margin-left:55px; }
	
	.logobig{
	position:absolute; left:50%; top:130px;  height:190px; width:286px; margin:0px 0 0 -143px;
	}
	
	#menu-toggle {
    top: 50px;
    left: -62px;
	}
	
	.span3b{right:-200px; display:none;}
	
	.idiomas{
	top:20px; right:20px; position:fixed; z-index: 99;
	}
	
	h2 {
	margin-top:70px;}
	
	.menucuadros{
	top:105px; right:33px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 25px;
    left: auto;
	top:20px;
	}
	
	nav#primary-menu {
    position: relative;
    margin: 60px 0;
	}
	
	nav#primary-menu li a {
        padding-right: 28px;
		padding-top: 20px;
        font-size: 13px;
		line-height:0px;
        letter-spacing: 1px;
    }
	
	 #side-social {
    bottom: 20px;
	right:28px;
	font-size:11px;
	line-height:13px;
	}
	
	.logo5{color:#FFF; position:fixed; z-index: 1; top:-45px; left:30px; display:none;}
	
	#side-menu {
    display: block;
    width: 200px;
    right: -200px;
	}

    .slider-caption { font-size: 24px; }

    .section-desc,
    .section-meta { max-width: 440px; }

    .portfolio-item { width: 50%; }

    #portfolio-ajax-show #portfolio-navigation { top: 0; }

    .page-title h2 { font-size: 36px; }

	
	 .page-title .container > span {
        font-size: 15px;
        line-height: 22px;
    }

    .clients { text-align: center; }

    .clients li {
        float: none;
        display: inline-block;
        margin: 0 10px !important;
    }

    .clients li,
    .clients li a,
    .clients li img {
        width: 124px;
        height: 55px;
    }

    .contact-info { border-right: none; }

    #google-map { height: 160px; }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


    .container { width: 270px; margin-left:15px; }
	
	.logobig{
	position:absolute; left:50%; top:110px;  height:146px; width:220px; margin:0px 0 0 -110px;
	}
	
	#menu-toggle {
    top: 50px;
    left: -62px;
	}
	
	.idiomas{
	top:20px; right:20px; position:fixed; z-index: 99;
	}
	
	h2 {
	margin-top:50px;}
	
	.menucuadros{
	top:-120px; right:-33px; position:fixed; z-index: 99;
	}
	
	#side-menu.open-menu #menu-toggle {
    right: 25px;
    left: auto;
	top:20px;
	}
    
    #logo { margin: 40px auto 20px; }
    
    nav#primary-menu {
    position: relative;
    margin: 60px 0;
	}
	    
    nav#primary-menu li a {
        padding-right: 28px;
		padding-top: 20px;
        font-size: 15px;
		line-height:3px;
        letter-spacing: 1px;
    }
	
	 #side-social {
    bottom: 20px;
	right:28px;
	font-size:11px;
	line-height:13px;
	}
	
	.span3b{right:-200px; display:none;}
	
	.logo5{color:#FFF; position:fixed; z-index: 1; top:-45px; left:30px; display:none;}
	
	#side-menu {
    display: block;
    width: 180px;
    right: -180px;
	}

    .slider-caption { font-size: 18px; }

    .section-desc,
    .section-meta { max-width: 280px; }

    #portfolio-filter li { width: 48%; }

    .portfolio-item { width: 100%; }

    #portfolio-ajax-show #portfolio-navigation { top: 0; }

    .page-title h2 { font-size: 32px; }
	
	 .page-title .container > span {
        font-size: 15px;
        line-height: 22px;
    }

    .clients { text-align: center; }

    .clients li {
        float: none;
        display: inline-block;
        margin: 0 10px !important;
    }

    .clients li,
    .clients li a,
    .clients li img {
        width: 118px;
        height: 52px;
    }

    .contact-info { border-right: none; }

    #google-map { height: 140px; }

    #footer-social li {
        margin: 0 4px;
        width: 32px;
        height: 32px;
    }

    #footer-social li a {
        font-size: 16px;
        line-height: 28px;
        width: 28px;
        height: 28px;
        -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         -ms-border-radius: 30px;
         -o-border-radius: 30px;
         border-radius: 30px;
    }


}



.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}