/*
Widget Name: Button
Description: Create a custom button with flexible styling, icon support, and click tracking functionality.
Author: SiteOrigin
Author URI: https://siteorigin.com
Documentation: https://siteorigin.com/widgets-bundle/button-widget-documentation/
Keywords: event, icon, link
*/

class SiteOrigin_Widget_Button_Widget extends SiteOrigin_Widget {
	public function __construct() {
		parent::__construct(
			'sow-button',
			__( 'SiteOrigin Button', 'so-widgets-bundle' ),
			array(
				'description' => __( 'Create a custom button with flexible styling, icon support, and click tracking functionality.', 'so-widgets-bundle' ),
				'help' => 'https://siteorigin.com/widgets-bundle/button-widget-documentation/',
			),
			array(
			),
			false,
			plugin_dir_path( __FILE__ )
		);
	}

	public function get_settings_form() {
		return array(
			'responsive_breakpoint' => array(
				'type'        => 'measurement',
				'label'       => __( 'Responsive Breakpoint', 'so-widgets-bundle' ),
				'default'     => '780px',
				'description' => __( 'This setting controls when the Mobile Align setting will be used. The default value is 780px.', 'so-widgets-bundle' ),
			),
		);
	}

	public function initialize() {
		$this->register_frontend_styles(
			array(
				array(
					'sow-button-base',
					plugin_dir_url( __FILE__ ) . 'css/style.css',
					array(),
					SOW_BUNDLE_VERSION,
				),
			)
		);
	}

	public function get_widget_form() {
		return array(
			'text' => array(
				'type' => 'text',
				'label' => __( 'Button Text', 'so-widgets-bundle' ),
			),

			'url' => array(
				'type' => 'link',
				'label' => __( 'Destination URL', 'so-widgets-bundle' ),
				'allow_shortcode' => true,
			),

			'new_window' => array(
				'type' => 'checkbox',
				'default' => false,
				'label' => __( 'Open in a new window', 'so-widgets-bundle' ),
			),

			'download' => array(
				'type' => 'checkbox',
				'default' => false,
				'label' => __( 'Download', 'so-widgets-bundle' ),
				'description' => __( 'The Destination URL will be downloaded when a user clicks on the button.', 'so-widgets-bundle' ),
			),

			'button_icon' => array(
				'type' => 'section',
				'label' => __( 'Icon', 'so-widgets-bundle' ),
				'fields' => array(
					'icon_selected' => array(
						'type' => 'icon',
						'label' => __( 'Icon', 'so-widgets-bundle' ),
					),

					'icon_color' => array(
						'type' => 'color',
						'label' => __( 'Icon Color', 'so-widgets-bundle' ),
					),

					'icon' => array(
						'type' => 'media',
						'label' => __( 'Image Icon', 'so-widgets-bundle' ),
						'description' => __( 'Replaces the icon with your own image icon.', 'so-widgets-bundle' ),
					),

					'icon_placement' => array(
						'type' => 'select',
						'label' => __( 'Icon Placement', 'so-widgets-bundle' ),
						'default' => 'left',
						'options' => array(
							'top'    => __( 'Top', 'so-widgets-bundle' ),
							'right'  => __( 'Right', 'so-widgets-bundle' ),
							'bottom' => __( 'Bottom', 'so-widgets-bundle' ),
							'left'   => __( 'Left', 'so-widgets-bundle' ),
						),
					),
				),
			),

			'design' => array(
				'type' => 'section',
				'label' => __( 'Design and Layout', 'so-widgets-bundle' ),
				'hide' => true,
				'fields' => array(
					'width' => array(
						'type' => 'measurement',
						'label' => __( 'Width', 'so-widgets-bundle' ),
						'description' => __( 'Leave blank to let the button resize according to content.', 'so-widgets-bundle' ),
					),

					'align' => array(
						'type' => 'select',
						'label' => __( 'Align', 'so-widgets-bundle' ),
						'default' => 'center',
						'options' => array(
							'left' => __( 'Left', 'so-widgets-bundle' ),
							'right' => __( 'Right', 'so-widgets-bundle' ),
							'center' => __( 'Center', 'so-widgets-bundle' ),
							'justify' => __( 'Full Width', 'so-widgets-bundle' ),
						),
					),
					'mobile_align' => array(
						'type' => 'select',
						'label' => __( 'Mobile Align', 'so-widgets-bundle' ),
						'default' => 'center',
						'options' => array(
							'left' => __( 'Left', 'so-widgets-bundle' ),
							'right' => __( 'Right', 'so-widgets-bundle' ),
							'center' => __( 'Center', 'so-widgets-bundle' ),
							'justify' => __( 'Full Width', 'so-widgets-bundle' ),
						),
					),
					'theme' => array(
						'type' => 'select',
						'label' => __( 'Button Theme', 'so-widgets-bundle' ),
						'default' => 'flat',
						'options' => array(
							'atom' => __( 'Atom', 'so-widgets-bundle' ),
							'flat' => __( 'Flat', 'so-widgets-bundle' ),
							'wire' => __( 'Wire', 'so-widgets-bundle' ),
						),
					),

					'button_color' => array(
						'type' => 'color',
						'label' => __( 'Button Color', 'so-widgets-bundle' ),
					),

					'text_color' => array(
						'type' => 'color',
						'label' => __( 'Text Color', 'so-widgets-bundle' ),
					),

					'hover' => array(
						'type' => 'checkbox',
						'default' => true,
						'label' => __( 'Use hover effects', 'so-widgets-bundle' ),
						'state_emitter' => array(
							'callback' => 'conditional',
							'args'     => array(
								'hover[show]: val',
								'hover[hide]: ! val',
							),
						),
					),

					'hover_background_color' => array(
						'type' => 'color',
						'label' => __( 'Hover Background Color', 'so-widgets-bundle' ),
						'state_handler' => array(
							'hover[show]' => array( 'show' ),
							'hover[hide]' => array( 'hide' ),
						),
					),

					'hover_text_color' => array(
						'type' => 'color',
						'label' => __( 'Hover Text Color', 'so-widgets-bundle' ),
						'state_handler' => array(
							'hover[show]' => array( 'show' ),
							'hover[hide]' => array( 'hide' ),
						),
					),

					'font' => array(
						'type' => 'font',
						'label' => __( 'Font', 'so-widgets-bundle' ),
						'default' => 'default',
					),

					'font_size' => array(
						'type' => 'measurement',
						'label' => __( 'Font Size', 'so-widgets-bundle' ),
						'default' => '1em',
					),

					'icon_size' => array(
						'type' => 'measurement',
						'label' => __( 'Icon Size', 'so-widgets-bundle' ),
						'default' => '1.3em',
					),

					'padding' => array(
						'type' => 'measurement',
						'label' => __( 'Padding', 'so-widgets-bundle' ),
						'default' => '1em',
					),

					'rounding' => array(
						'type' => 'multi-measurement',
						'label' => __( 'Rounding', 'so-widgets-bundle' ),
						'default' => '0.25em 0.25em 0.25em 0.25em',
						'measurements' => array(
							'top' => array(
								'label' => __( 'Top', 'so-widgets-bundle' ),
							),
							'right' => array(
								'label' => __( 'Right', 'so-widgets-bundle' ),
							),
							'bottom' => array(
								'label' => __( 'Bottom', 'so-widgets-bundle' ),
							),
							'left' => array(
								'label' => __( 'Left', 'so-widgets-bundle' ),
							),
						),
					),
				),
			),

			'attributes' => array(
				'type' => 'section',
				'label' => __( 'Other Attributes and SEO', 'so-widgets-bundle' ),
				'hide' => true,
				'fields' => array(
					'id' => array(
						'type' => 'text',
						'label' => __( 'Button ID', 'so-widgets-bundle' ),
						'description' => __( 'An ID attribute allows you to target this button in JavaScript.', 'so-widgets-bundle' ),
					),

					'classes' => array(
						'type' => 'text',
						'label' => __( 'Button Classes', 'so-widgets-bundle' ),
						'description' => __( 'Additional CSS classes added to the button link.', 'so-widgets-bundle' ),
					),

					'title' => array(
						'type' => 'text',
						'label' => __( 'Title Attribute', 'so-widgets-bundle' ),
						'description' => __( 'Adds a title attribute to the button link.', 'so-widgets-bundle' ),
					),

					'on_click' => array(
						'type' => 'text',
						'label' => __( 'Onclick', 'so-widgets-bundle' ),
						'description' => __( 'Run this JavaScript when the button is clicked. Ideal for tracking.', 'so-widgets-bundle' ),
						'onclick' => true,
					),

					'rel' => array(
						'type' => 'text',
						'label' => __( 'Rel Attribute', 'so-widgets-bundle' ),
						'description' => __( 'Adds a rel attribute to the button link.', 'so-widgets-bundle' ),
					),
				),
			),
		);
	}

	public function get_style_name( $instance ) {
		if ( empty( $instance['design']['theme'] ) ) {
			return 'atom';
		}

		return $instance['design']['theme'];
	}

	/**
	 * Get the variables for the Button Widget.
	 *
	 * @return array
	 */
	public function get_template_variables( $instance, $args ) {
		$button_attributes = array();

		$attributes = $instance['attributes'];

		$classes = ! empty( $attributes['classes'] ) ? $attributes['classes'] : '';

		if ( ! empty( $classes ) ) {
			$classes .= ' ';
		}
		$classes .= 'sowb-button ow-icon-placement-' . $instance['button_icon']['icon_placement'];

		if ( ! empty( $instance['design']['hover'] ) ) {
			$classes .= ' ow-button-hover';
		}

		$button_attributes['class'] = implode(
			' ',
			array_map(
				'sanitize_html_class',
				explode( ' ', $classes )
			)
		);

		if ( ! empty( $instance['new_window'] ) ) {
			$button_attributes['target'] = '_blank';
			$button_attributes['rel'] = 'noopener noreferrer';
		}

		if ( ! empty( $instance['download'] ) ) {
			$button_attributes['download'] = null;
		}

		if ( ! empty( $attributes['id'] ) ) {
			$button_attributes['id'] = $attributes['id'];
		}

		if ( ! empty( $attributes['title'] ) ) {
			$button_attributes['title'] = $attributes['title'];
		}

		if ( ! empty( $attributes['rel'] ) ) {
			if ( isset( $button_attributes['rel'] ) ) {
				$button_attributes['rel'] .= " $attributes[rel]";
			} else {
				$button_attributes['rel'] = $attributes['rel'];
			}
		}

		$icon_image_url = '';

		if ( ! empty( $instance['button_icon']['icon'] ) ) {
			$attachment = wp_get_attachment_image_src( $instance['button_icon']['icon'] );

			if ( ! empty( $attachment ) ) {
				$icon_image_url = $attachment[0];
			}
		}

		return array(
			'button_attributes' => apply_filters( 'siteorigin_widgets_button_attributes', $button_attributes, $instance ),
			'href' => ! empty( $instance['url'] ) ? $instance['url'] : '',
			'on_click' => ! empty( $attributes['on_click'] ) ? $attributes['on_click'] : '',
			'align' => $instance['design']['align'],
			'icon_image_url' => $icon_image_url,
			'icon' => $instance['button_icon']['icon_selected'],
			'icon_color' => $instance['button_icon']['icon_color'],
			'text' => $instance['text'],
		);
	}

	/**
	 * Get the variables that we'll be injecting into the less stylesheet.
	 *
	 * @return array
	 */
	public function get_less_variables( $instance ) {
		if ( empty( $instance ) || empty( $instance['design'] ) ) {
			return array();
		}

		$text_color = isset( $instance['design']['text_color'] ) ? $instance['design']['text_color'] : '';
		$button_color = isset( $instance['design']['button_color'] ) ? $instance['design']['button_color'] : '';

		$less_vars = array(
			'button_width' => isset( $instance['design']['width'] ) ? $instance['design']['width'] : '',
			'button_color' => $button_color,
			'text_color' => $text_color,
			'icon_size' => ! empty( $instance['design']['icon_size'] ) ? $instance['design']['icon_size'] : '1.3em',
			'hover_text_color' => ! empty( $instance['design']['hover_text_color'] ) ? $instance['design']['hover_text_color'] : $text_color,
			'hover_background_color' => ! empty( $instance['design']['hover_background_color'] ) ? $instance['design']['hover_background_color'] : $button_color,
			'font_size' => isset( $instance['design']['font_size'] ) ? $instance['design']['font_size'] : '',
			'rounding' => isset( $instance['design']['rounding'] ) ? $instance['design']['rounding'] : '',
			'padding' => isset( $instance['design']['padding'] ) ? $instance['design']['padding'] : '',
			'has_text' => empty( $instance['text'] ) ? 'false' : 'true',
			'responsive_breakpoint' => $this->get_global_settings( 'responsive_breakpoint' ),
			'align' => ! empty( $instance['design']['align'] ) ? $instance['design']['align'] : 'center',
			'mobile_align' => ! empty( $instance['design']['mobile_align'] ) ? $instance['design']['mobile_align'] : 'center',
			'has_button_icon' => empty( $instance['button_icon']['icon_selected'] ) ? 'false' : 'true',
		);

		if ( ! empty( $instance['design']['font'] ) ) {
			$font = siteorigin_widget_get_font( $instance['design']['font'] );
			$less_vars['button_font'] = $font['family'];

			if ( ! empty( $font['weight'] ) ) {
				$less_vars['button_font_weight'] = $font['weight_raw'];
				$less_vars['button_font_style'] = $font['style'];
			}
		}

		return $less_vars;
	}

	/**
	 * Make sure the instance is the most up to date version.
	 *
	 * @return mixed
	 */
	public function modify_instance( $instance ) {
		if ( empty( $instance ) ) {
			return array();
		}

		$migrate_props = array(
			'button_icon' => array(
				'icon_selected',
				'icon_color',
				'icon',
			),
			'design' => array(
				'align',
				'theme',
				'button_color',
				'text_color',
				'hover',
				'hover_text_color',
				'hover_background_color',
				'font_size',
				'rounding',
				'padding',
			),
			'attributes' => array(
				'id',
			),
		);

		foreach ( $migrate_props as $prop => $sub_props ) {
			if ( empty( $instance[ $prop ] ) ) {
				$instance[ $prop ] = array();

				foreach ( $sub_props as $sub_prop ) {
					if ( isset( $instance[ $sub_prop ] ) ) {
						$instance[ $prop ][ $sub_prop ] = $instance[ $sub_prop ];
						unset( $instance[ $sub_prop ] );
					}
				}
			}
		}

		// Migrate onclick setting to prevent Wordfence flag.
		if (
			! empty( $instance['attributes'] ) &&
			! empty( $instance['attributes']['onclick'] )
		) {
			$instance['attributes']['on_click'] = $instance['attributes']['onclick'];
		}

		// If the mobile_align setting isn't set, set it to the same value as the align value.
		if (
			! empty( $instance['design'] ) &&
			! empty( $instance['design']['align'] ) &&
			empty( $instance['design']['mobile_align'] )
		) {
			$instance['design']['mobile_align'] = $instance['design']['align'];
		}

		// Migrate predefined settings to more customizable settings.
		if ( ! empty( $instance['design']['font_size'] ) && is_numeric( $instance['design']['font_size'] ) ) {
			$instance['design']['font_size'] .= 'em';
		}

		if ( ! empty( $instance['design']['padding'] ) && is_numeric( $instance['design']['padding'] ) ) {
			$instance['design']['padding'] .= 'em';
		}

		if ( ! empty( $instance['design']['rounding'] ) && is_numeric( $instance['design']['rounding'] ) ) {
			$instance['design']['rounding'] = $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em';
		}

		if ( empty( $instance['design']['icon_size'] ) ) {
			$instance['design']['icon_size'] = '1.3em';
		}

		return $instance;
	}

	public function get_form_teaser() {
		if ( class_exists( 'SiteOrigin_Premium' ) ) {
			return false;
		}

		return array(
			sprintf(
				__( 'Add a beautiful tooltip to the Button Widget with %sSiteOrigin Premium%s', 'so-widgets-bundle' ),
				'<a href="https://siteorigin.com/downloads/premium/?featured_addon=plugin/tooltip" target="_blank" rel="noopener noreferrer">',
				'</a>'
			),
		);
	}
}

siteorigin_widget_register( 'sow-button', __FILE__, 'SiteOrigin_Widget_Button_Widget' );<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://klecet.edu.in/alumni/xmlrpc.php" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300,600,700,800" rel="stylesheet" type="text/css">
<title>Esquema responsive cual se ajusta a pantallas sobre smartphones desplazandolo hacia el pelo tablets &#8211; Alumni</title>
<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Feed" href="http://klecet.edu.in/alumni/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Comments Feed" href="http://klecet.edu.in/alumni/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Alumni &raquo; Esquema responsive cual se ajusta a pantallas sobre smartphones desplazandolo hacia el pelo tablets Comments Feed" href="http://klecet.edu.in/alumni/esquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="http://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fklecet.edu.in%2Falumni%2Fesquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="http://klecet.edu.in/alumni/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fklecet.edu.in%2Falumni%2Fesquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='rm_material_icons-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-registration-form-builder-with-submission-manager/admin/css/material-icons.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css' href='http://klecet.edu.in/alumni/wp-includes/css/dashicons.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='menu-icons-extra-css' href='http://klecet.edu.in/alumni/wp-content/plugins/menu-icons/css/extra.min.css?ver=0.13.14' type='text/css' media='all' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<link rel='stylesheet' id='wp-block-library-css' href='http://klecet.edu.in/alumni/wp-includes/css/dist/block-library/style.min.css?ver=6.9.4' type='text/css' media='all' />

<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='avs-min-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/css/avartanslider.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='avs-basic-tools-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/css/basic-tools-min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://klecet.edu.in/alumni/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-frontend-login-registration-form/bootstrap/css/bootstrap.css?ver=6.9.4' type='text/css' media='screen' />
<link rel='stylesheet' id='flat-ui-kit-css' href='http://klecet.edu.in/alumni/wp-content/plugins/custom-frontend-login-registration-form/css/flat-ui.css?ver=6.9.4' type='text/css' media='screen' />
<link rel='stylesheet' id='ditty-news-ticker-font-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/libs/fontastic/styles.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-news-ticker-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/css/style.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-displays-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/build/dittyDisplays.css?ver=3.1.52' type='text/css' media='all' />
<link rel='stylesheet' id='ditty-fontawesome-css' href='http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/includes/libs/fontawesome-6.4.0/css/all.css?ver=6.4.0' type='text/css' media='' />
<link rel='stylesheet' id='wp_html5video_css-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/video-js.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='wp_html5video_colcss-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/video-style.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='wpos-magnific-popup-style-css' href='http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/css/magnific-popup.css?ver=2.8.7.1' type='text/css' media='all' />
<link rel='stylesheet' id='style_login_widget-css' href='http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/css/style_login_widget.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='nirvanas-fonts-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/fonts/fontfaces.css?ver=1.2.5' type='text/css' media='all' />
<link rel='stylesheet' id='nirvanas-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/style.css?ver=1.2.5' type='text/css' media='all' />
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" id="avs-min-js-js-extra">
/* <![CDATA[ */
var avs_loader_array = {"loader1":"\u003Cimg data-loader-style=\"loader1\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader1.gif\"\u003E","loader2":"\u003Cimg data-loader-style=\"loader2\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader2.gif\"\u003E","loader3":"\u003Cimg data-loader-style=\"loader3\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader3.gif\"\u003E","loader4":"\u003Cimg data-loader-style=\"loader4\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader4.gif\"\u003E","loader5":"\u003Cimg data-loader-style=\"loader5\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader5.gif\"\u003E","loader6":"\u003Cimg data-loader-style=\"loader6\" src=\"http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/images/loaders/loader6.gif\"\u003E"};
//# sourceURL=avs-min-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/avartan-slider-lite//views/assets/js/avartanslider.min.js?ver=6.9.4" id="avs-min-js-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/js/jquery.validate.min.js?ver=6.9.4" id="jquery.validate.min-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/login-sidebar-widget/js/additional-methods.js?ver=6.9.4" id="additional-methods-js"></script>
<link rel="https://api.w.org/" href="http://klecet.edu.in/alumni/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="http://klecet.edu.in/alumni/wp-json/wp/v2/posts/63040" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://klecet.edu.in/alumni/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<link rel="canonical" href="http://klecet.edu.in/alumni/esquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets/" />
<link rel='shortlink' href='http://klecet.edu.in/alumni/?p=63040' />
<style></style><style type="text/css"> #header-container { width: 1200px;} #header-container, #access >.menu, #forbottom, #colophon, #footer-widget-area, #topbar-inner, .ppbox, #pp-afterslider #container, #breadcrumbs-box { max-width: 1200px; } #container.one-column { } #container.two-columns-right #secondary { width:300px; float:right; } #container.two-columns-right #content { width:810px; float:left; } /*fallback*/ #container.two-columns-right #content { width:calc(100% - 330px); float:left; } #container.two-columns-left #primary { width:300px; float:left; } #container.two-columns-left #content { width:810px; float:right; } /*fallback*/ #container.two-columns-left #content { width:-moz-calc(100% - 330px); float:right; width:-webkit-calc(100% - 330px); width:calc(100% - 330px); } #container.three-columns-right .sidey { width:150px; float:left; } #container.three-columns-right #primary { margin-left:30px; margin-right:30px; } #container.three-columns-right #content { width:780px; float:left; } /*fallback*/ #container.three-columns-right #content { width:-moz-calc(100% - 360px); float:left; width:-webkit-calc(100% - 360px); width:calc(100% - 360px);} #container.three-columns-left .sidey { width:150px; float:left; } #container.three-columns-left #secondary {margin-left:30px; margin-right:30px; } #container.three-columns-left #content { width:780px; float:right;} /*fallback*/ #container.three-columns-left #content { width:-moz-calc(100% - 360px); float:right; width:-webkit-calc(100% - 360px); width:calc(100% - 360px); } #container.three-columns-sided .sidey { width:150px; float:left; } #container.three-columns-sided #secondary { float:right; } #container.three-columns-sided #content { width:780px; float:right; /*fallback*/ width:-moz-calc(100% - 360px); float:right; width:-webkit-calc(100% - 360px); float:right; width:calc(100% - 360px); float:right; margin: 0 180px 0 -1140px; } body { font-family: Source Sans Pro; } #content h1.entry-title a, #content h2.entry-title a, #content h1.entry-title , #content h2.entry-title { font-family: inherit; } .widget-title, .widget-title a { line-height: normal; font-family: inherit; } .widget-container, .widget-container a { font-family: inherit; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, #comments #reply-title, .nivo-caption h2, #front-text1 h1, #front-text2 h1, h3.column-header-image { font-family: inherit; } #site-title span a { font-family: inherit; } #access ul li a, #access ul li a span { font-family: inherit; } body { color: #555555; background-color: #FFFFFF } a { color: #1EC8BB; } a:hover,.entry-meta span a:hover, .comments-link a:hover, body.coldisplay2 #front-columns a:active { color: #CB5920; } a:active {background-color:#CB5920; color:#FFFFFF; } .entry-meta a:hover, .widget-container a:hover, .footer2 a:hover { border-bottom-color: #CCCCCC; } .sticky h2.entry-title a {background-color:#1EC8BB; color:#FFFFFF;} #header { background-color: ; } #site-title span a { color:#1EC8BB; } #site-description { color:#666666; } .socials a:hover .socials-hover { background-color: #1EC8BB; } .socials-hover { background-color: #ADBF2D; } /* Main menu top level */ #access a, #nav-toggle span { color: #EEEEEE; } #access, #nav-toggle, #access ul li {background-color: #3A3B3D; } #access > .menu > ul > li > a > span { } #access ul li:hover {background-color: #1EC8BB; color:#FFFFFF; } #access ul > li.current_page_item , #access ul > li.current-menu-item , #access ul > li.current_page_ancestor , #access ul > li.current-menu-ancestor { background-color: #47484a; } /* Main menu Submenus */ #access ul ul li, #access ul ul { background-color:#1EC8BB; } #access ul ul li a {color:#FFFFFF} #access ul ul li:hover {background:#2cd6c9} #breadcrumbs {background:#f5f5f5} #access ul ul li.current_page_item, #access ul ul li.current-menu-item, #access ul ul li.current_page_ancestor , #access ul ul li.current-menu-ancestor { background-color:#2cd6c9; } #topbar { background-color: #FFFFFF; border-bottom-color:#ebebeb; } .menu-header-search .searchform {background: #F7F7F7;} .topmenu ul li a, .search-icon:before { color: #999999; } .topmenu ul li a:hover { color: #FFFFFF; background-color: #1EC8BB; } .search-icon:hover:before { color: #1EC8BB; } #main { background-color: #FFFFFF; } #author-info, #entry-author-info, .page-title { border-color: #CCCCCC; } .page-title-text {border-color: #CB5920; } .page-title span {border-color: #1EC8BB; } #entry-author-info #author-avatar, #author-info #author-avatar { border-color: #EEEEEE; } .avatar-container:before {background-color:#CB5920;} .sidey .widget-container { color: #555555; background-color: ; } .sidey .widget-title { color: #CB5920; background-color: ;border-color:#CCCCCC;} .sidey .widget-container a {color:;} .sidey .widget-container a:hover {color:;} .widget-title span {border-color:#CB5920;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #444444; } .entry-title, .entry-title a { color: #444444; } .entry-title a:hover { color: #000000; } #content span.entry-format { color: #CCCCCC; } #footer { color: #AAAAAA; background-color: #F5F5F5; } #footer2 { color: #AAAAAA; background-color: #3A3B3D; } #sfooter-full { background-color: #353638; } .footermenu ul li { border-color: #494a4c; } .footermenu ul li:hover { border-color: #5d5e60; } #footer a { color: ; } #footer a:hover { color: ; } #footer2 a, .footermenu ul li:after { color: ; } #footer2 a:hover { color: ; } #footer .widget-container { color: #555555; background-color: ; } #footer .widget-title { color: #CB5920; background-color: ;border-color:#CCCCCC;} a.continue-reading-link { color:#1EC8BB; border-color:#1EC8BB; } a.continue-reading-link:hover { background-color:#1EC8BB !important; color:#FFFFFF !important; } #cryout_ajax_more_trigger {border:1px solid #CCCCCC; } #cryout_ajax_more_trigger:hover {background-color:#F7F7F7;} a.continue-reading-link i.icon-right-dir {color:#1EC8BB} a.continue-reading-link:hover i.icon-right-dir {color:#FFFFFF} .page-link a, .page-link > span > em {border-color:#CCCCCC} .columnmore a {background:#CB5920;color:#F7F7F7} .columnmore a:hover {background:#1EC8BB;} .file, .button, #respond .form-submit input#submit, input[type="submit"], input[type="reset"] { background-color: #FFFFFF; border-color: #CCCCCC; } .file:hover, .button:hover, #respond .form-submit input#submit:hover { background-color: #F7F7F7; } .entry-content tr th, .entry-content thead th { color: #444444; } #content tr th { background-color: #1EC8BB;color:#FFFFFF; } #content tr.even { background-color: #F7F7F7; } hr { background-color: #CCCCCC; } input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] { /*background-color: #F7F7F7;*/ border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC; color: #555555; } input[type="submit"], input[type="reset"] { color: #555555; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="range"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover { background-color: rgba(247,247,247,0.4); } .entry-content code {background-color:#F7F7F7; border-color: rgba(30,200,187,0.1);} .entry-content pre { border-color: #CCCCCC;} abbr, acronym { border-color: #555555; } .comment-meta a { color: #999999; } #respond .form-allowed-tags { color: #999999; } .reply a{ border-color: #EEEEEE; } .reply a:hover {color: #1EC8BB; } .entry-meta {border-color:#EEEEEE;} .entry-meta .icon-metas:before {color:#CB5920;} .entry-meta span a, .comments-link a {color:;} .entry-meta span a:hover, .comments-link a:hover {color:;} .entry-meta span, .entry-utility span, .footer-tags {color:#999999;} .nav-next a:hover, .nav-previous a:hover {background:#1EC8BB;color:#FFFFFF;} .pagination { border-color:#ededed;} .pagination a:hover { background: #CB5920;color: #FFFFFF ;} h3#comments-title {border-color:#CCCCCC} h3#comments-title span {background: #1EC8BB;color: #FFFFFF ;} .comment-details {border-color:#EEEEEE} .searchform input[type="text"] {color:#999999;} .searchform:after {background-color:#CB5920;} .searchform:hover:after {background-color:#1EC8BB;} .searchsubmit[type="submit"] {color:#F7F7F7} li.menu-main-search .searchform .s {background-color:#FFFFFF;} li.menu-main-search .searchsubmit[type="submit"] {color:#999999;} .caption-accented .wp-caption { background-color:rgba(30,200,187,0.8); color:#FFFFFF;} .nirvana-image-one .entry-content img[class*='align'],.nirvana-image-one .entry-summary img[class*='align'], .nirvana-image-two .entry-content img[class*='align'],.nirvana-image-two .entry-summary img[class*='align'] { border-color:#1EC8BB;} #content p, #content ul, #content ol, #content, .ppbox { text-align:Default ; } #content p, #content ul, #content ol, .widget-container, .widget-container a, table, table td, .ppbox , .navigation, #content dl, #content { font-size:18px;line-height:1.8em; word-spacing:Default; letter-spacing:Default; } #content h1.entry-title, #content h2.entry-title { font-size:42px ;} .widget-title, .widget-title a { font-size:22px ;} .widget-container, .widget-container a { font-size:18px ;} #content .entry-content h1, #pp-afterslider h1 { font-size: 42px;} #content .entry-content h2, #pp-afterslider h2 { font-size: 36px;} #content .entry-content h3, #pp-afterslider h3 { font-size: 31px;} #content .entry-content h4, #pp-afterslider h4 { font-size: 26px;} #content .entry-content h5, #pp-afterslider h5 { font-size: 21px;} #content .entry-content h6, #pp-afterslider h6 { font-size: 16px;} #site-title span a { font-size:46px ;} #access ul li a { font-size:14px ;} #access ul ul ul a {font-size:12px;} .nocomments, .nocomments2 {display:none;} #header-container > div { margin:35px 0 0 0px;} #content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 1.0em; } article footer.entry-meta {display:none;} #toTop:hover .icon-back2top:before {color:#CB5920;} #main {margin-top:5px; } #forbottom {padding-left: 0px; padding-right: 0px;} #header-widget-area { width: 33%; } #branding { height:150px; } </style> 
<style type="text/css">/* Nirvana Custom CSS */</style>
<link rel="icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-32x32.png" sizes="32x32" />
<link rel="icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-180x180.png" />
<meta name="msapplication-TileImage" content="http://klecet.edu.in/alumni/wp-content/uploads/2016/07/cropped-favicon_new-270x270.png" />
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->
<script type="text/javascript">
function makeDoubleDelegate(function1, function2) {
    return function() { if (function1) function1(); if (function2) function2(); }
}
function nirvana_onload() {
 jQuery(".entry-content").fitVids(); };
window.onload = makeDoubleDelegate(window.onload, nirvana_onload );
jQuery(document).ready(function(){
 nirvana_mobilemenu_init(); });
</script>
<link rel='stylesheet' id='nirvana-mobile-css' href='http://klecet.edu.in/alumni/wp-content/themes/nirvana/styles/style-mobile.css?ver=1.2.5' type='text/css' media='all' />

</head>
<body class="wp-singular post-template-default single single-post postid-63040 single-format-standard wp-theme-nirvana nirvana-image-one caption-simple nirvana-menu-left">


<div id="wrapper" class="hfeed">
<!--<div id="topbar" ><div id="topbar-inner"> <div class="socials" id="sheader">
			<a  target="_blank"  href="https://www.facebook.com/klecet.chikodi"
			class="socialicons social-Facebook" title="Facebook">
				<img alt="Facebook" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Facebook.png" />
			</a>
			<a  target="_blank"  href="https://twitter.com/klecet_chikodi"
			class="socialicons social-Twitter" title="Twitter">
				<img alt="Twitter" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Twitter.png" />
			</a>
			<a  target="_blank"  href="https://plus.google.com/+KLECollegeofEnggTechChikodi"
			class="socialicons social-GooglePlus" title="GooglePlus">
				<img alt="GooglePlus" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/GooglePlus.png" />
			</a>
			<a  target="_blank"  href="#"
			class="socialicons social-Flickr" title="Flickr">
				<img alt="Flickr" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Flickr.png" />
			</a>
			<a  target="_blank"  href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ"
			class="socialicons social-YouTube" title="YouTube">
				<img alt="YouTube" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/YouTube.png" />
			</a></div> </div></div>-->
<div class="socials" id="srights">
			<a  target="_blank"  href="https://www.facebook.com/klecet.chikodi"
			class="socialicons social-Facebook" title="Facebook">
				<img alt="Facebook" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Facebook.png" />
			</a>
			<a  target="_blank"  href="https://twitter.com/klecet_chikodi"
			class="socialicons social-Twitter" title="Twitter">
				<img alt="Twitter" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Twitter.png" />
			</a>
			<a  target="_blank"  href="https://plus.google.com/+KLECollegeofEnggTechChikodi"
			class="socialicons social-GooglePlus" title="GooglePlus">
				<img alt="GooglePlus" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/GooglePlus.png" />
			</a>
			<a  target="_blank"  href="#"
			class="socialicons social-Flickr" title="Flickr">
				<img alt="Flickr" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/Flickr.png" />
			</a>
			<a  target="_blank"  href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ"
			class="socialicons social-YouTube" title="YouTube">
				<img alt="YouTube" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/images/socials/YouTube.png" />
			</a></div>
<div id="header-full">
	<header id="header">
		<div id="masthead">
					<div id="branding" role="banner" >
				<img id="bg_image" alt="" title="" src="http://klecet.edu.in/alumni/wp-content/uploads/2017/03/College-head-1.gif"  /><div id="header-container"><div class="site-identity"><div id="site-title"><span> <a href="http://klecet.edu.in/alumni/" title="Alumni" rel="home">Alumni</a> </span></div><div id="site-description" >KLECET, Chikodi</div></div></div>								<div style="clear:both;"></div>
			</div><!-- #branding -->
			<a id="nav-toggle"><span>&nbsp;</span></a>
			<nav id="access" role="navigation">
				<div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div>
<div class="menu"><ul id="prime_nav" class="menu"><li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-24"><a href="http://klecet.edu.in/alumni/"><span><i class="_mi _before dashicons dashicons-admin-home" aria-hidden="true"></i><span>h</span></span></a></li>
<li id="menu-item-614" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-614"><a href="http://klecet.edu.in/alumni/home/"><span>Home</span></a></li>
<li id="menu-item-115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-115"><a href="http://klecet.edu.in/alumni/about-alumni/"><span>About Alumni</span></a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a href="http://klecet.edu.in/alumni/gallery/"><span>Gallery</span></a></li>
<li id="menu-item-104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="http://klecet.edu.in/alumni/events/"><span>Events</span></a></li>
<li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="http://klecet.edu.in/alumni/contact/"><span>Contact</span></a></li>
<li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="http://klecet.edu.in/alumni/login/"><span>Login</span></a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49"><a href="http://klecet.edu.in/alumni/register/"><span>Register</span></a></li>
</ul></div>			</nav><!-- #access -->
			
			
		</div><!-- #masthead -->
	</header><!-- #header -->
</div><!-- #header-full -->

<div style="clear:both;height:0;"> </div>
<div id="breadcrumbs"><div id="breadcrumbs-box"><a href="http://klecet.edu.in/alumni"><i class="icon-homebread"></i></a><i class="icon-angle-right"></i> <a href="http://klecet.edu.in/alumni/category/uncategorized/">Uncategorized</a> <i class="icon-angle-right"></i> <span class="current">Esquema responsive cual se ajusta a pantallas sobre smartphones desplazandolo hacia el pelo tablets</span></div></div><div id="main">
		<div id="toTop"><i class="icon-back2top"></i> </div>	<div  id="forbottom cust_slider" >
		
		<div style="clear:both;"> </div>
		<section id="container" class="one-column">
			<div id="content" role="main">
						

				<div id="post-63040" class="post-63040 post type-post status-publish format-standard hentry category-uncategorized">
					<h1 class="entry-title">Esquema responsive cual se ajusta a pantallas sobre smartphones desplazandolo hacia el pelo tablets</h1>
										<div class="entry-meta">
						<span class="author vcard" ><i class="icon-author icon-metas" title="Author "></i> 
				<a class="url fn n" rel="author" href="http://klecet.edu.in/alumni/author/admin/" title="View all posts by admin">admin</a></span><span>
						<i class="icon-time icon-metas" title="Date"></i>
						<time class="onDate date published" datetime="2026-05-21T14:40:06+00:00">
							<a href="http://klecet.edu.in/alumni/esquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets/" rel="bookmark">May 21, 2026</a>
						</time>
					</span><time class="updated"  datetime="2026-05-21T14:40:07+00:00">May 21, 2026</time><span class="bl_categ"><i class="icon-folder-open icon-metas" title="Categories"></i><a href="http://klecet.edu.in/alumni/category/uncategorized/" rel="tag">Uncategorized</a></span> 					</div><!-- .entry-meta -->

					<div class="entry-content">
						<h2>BetOnRed brinda giros gratuito y no ha transpirado bonos sobre recarga para sostener nuestro engagement de jugadores regulares</h2>
<p>A esa proposicion inscribiri? suman alternativas sobre entretenimiento mas profusamente dinamicas como bingo en internet, keno, tarjetas rasca y deseo, juegos arcade desplazandolo hacia el pelo dados virtuales, ampliando los posibilidades para diferentes perfiles de atleta. La experiencia se va a apoyar sobre el silli�n total joviales cualquier completo casino referente a listo, cual brinda mesas con el pasar del tiempo crupieres profesionales sobre juegos como blackjack, ruleta, baccarat desplazandolo hacia el pelo poker, igualmente esgrimidas game shows como Crazy Time, Monopoly Live desplazandolo hacia el pelo Sweet Bonanza CandyLand. La plataforma opera pequeno las licencias correspondientes en Espana y cumple de genericos de decision, transparencia desplazandolo hacia el pelo juego importante exigidos debido a la Direccion Global sobre Orden del Esparcimiento (DGOJ). Lo tanto si indagacion esparcimiento, la sentimiento de la disputa en el caso de que nos lo olvidemos una posibilidad de ganar una cosa que le cambie su vida, BetOnRed Casino le invita en sentarnos a la mesa aparente y no ha transpirado lanzarse a sonar. En el momento en que una extraordinario libreria sobre juegos hasta una experiencia de esparcimiento telefon inteligente cual no defecto, BetOnRed Casino cumple dicho promesa sobre sentimiento asi� como ocasion.</p>
<p>Referente a aquel menu viven pequenas pestanas sobre casino, casino acerca de vivo, sports, eSports y no ha transpirado sports online contiguo que usan torneos, promociones desplazandolo hacia el pelo sobra documentacion utensilio. La version de Betonred incluyo orientado en dichos jugadores que tratab de hallar mirar todo sobre manera clara asi� como ordenada, desplazandolo hacia el pelo asegurando si no le importa hacerse <a href="https://gatesofolympus-slot.es/">Gates of Olympus dónde jugar</a> amiga de la grasa calificacion que la museo deberian marica acerca de esto para producir personalidad asi� como sistema cual realizan cual la medio resulte atrayente a la vista. Lo cual les deja a los jugadores que desean la privacidad y no ha transpirado decision de las criptomonedas gozar sobre una practica sobre entretenimiento total desprovisto urgencia de usar monedas tradicionales. Prefiero la diversidad sobre estrategias sobre pago, sobre todo cual acepten criptomonedas. Nuestro desarrollo de Bet On Lazo Login es adecuado, por eso en algunos minutos podras permanecer disfrutando de un maximo de que provee.</p>
<p>Mientras tanto, adonde si existe una gran filantropia seri�a alrededor del cantidad de giros regalado que Betonred ofrece, por consiguiente podemos encontrarnos en compania de algun total sobre 250 giros regalado entre nuestro primer desplazandolo hacia el pelo instante tanque, tal que son quienes nos tienen oriente beneficio anadida. Lo cual, sumado dentro del realizado sobre obtener situar sobre casi todo pasatiempo cual nos digamos, realiza de Betonred un genial sitio para los jugadores de apuestas deportivas cual buscan algun presente sitio adonde apostaro es posible mirar, una disparidad sobre juegos de casino que existen a tu disposicion seri�a genial, lo que nos deja disfrutar mucho mas de Betonred, nunca consiguiendo lugar al siguiente molestia a traves de lo tanto entretenimiento de casino distinta. Entre una seccion sobre casino acerca de vivo podri�amos encontrarnos con segundo submenu cual nos deja limitar los juegos cual aparecen, por consiguiente nos deja tener en cuenta algunas caracteristicas de los juegos sobre casino acerca de presto cual aparentarian relevantes de otras curriculums sobre jugadores, sobre forma que unico surjan las tipos de juegos que efectivamente deseo.</p>
<h2>Tambien, la seccion de casino en vivo seri�a de estas mas grandes que descubri�</h2>
<p>Oriente aparato fomenta jugadas consistentes, proveyendo valor auxiliar y un sentido de progresion, magnnifica con el fin de high-rollers que solicitan privilegios premium sobre un entorno solo. Nadie pondri�a en duda desde Bronce hasta Diamante, ofrece beneficios igual que cashback aumentado (hasta 25%), giros gratis en particular, limites sobre retiro de mas altos y gestores entendibles. Que usan limites de inclusive 1000� semanales, promueven juego ceremonioso del proporcionar un colchon financiero, renovando el test global sobre la tarima. El bono sobre recepcion de BetOnRed es una proposicion atractiva para recientes jugadores, fabricada de apresurar el inicio en compania de dineros adicionales.</p>
<p>Una tarima Betonred online entiende que la elasticidad sobre las transacciones es fundamental con el fin de ofertar una pericia de juego satisfactoria. Este casino online ofrece una gran disparidad de metodos de remuneracion adaptados especificamente alrededor mercado espanol, garantizando que lo tanto las depositos igual que los retiros si no le importa hacerse amiga de la grasa realicen de forma corta y no ha transpirado competente. Ser descargado ahora la app y contempla por a que es lo primero? cientos sobre jugadores espanoles confian sobre la plataforma para practicar su juego sobre casino en internet, aprovechando los promociones exclusivas asi� como nuestro bono de audiencia disponible con el fin de recientes usuarios. A lo largo de el proceso sobre Betonred sign up, las como novedad socios pueden insertar codigos promocionales con el fin de fortalecer nuestro bono Betonred sobre audiencia, cual a menudo comprende bonificaciones dentro del inicial tanque y giros gratispletar el Betonred sign up a traves de la aplicacion movil seri�a un desarrollo ri?pido asi� como fiable cual permite a los como novedad seres iniciar a participar en disputa de minutos. De seres de iOS, nuestro procedimiento nacer accediendo an una App Store, tras �Betonred Casino� desplazandolo hacia el pelo seleccionando el botonadura de descarga, tras lo cual nuestro sistema llegan a convertirse en focos de luces ocupa automaticamente de el cancha.</p>
											</div><!-- .entry-content -->


					<footer class="entry-meta">
						<span class="bl_bookmark"><i class="icon-bookmark icon-metas" title=" Bookmark the permalink"></i> <a href="http://klecet.edu.in/alumni/esquema-responsive-cual-se-ajusta-a-pantallas-sobre-smartphones-desplazandolo-hacia-el-pelo-tablets/" title="Permalink to Esquema responsive cual se ajusta a pantallas sobre smartphones desplazandolo hacia el pelo tablets" rel="bookmark"> Bookmark</a>.</span>											</footer><!-- .entry-meta -->
				</div><!-- #post-## -->

				<div id="nav-below" class="navigation">
					<div class="nav-previous"><a href="http://klecet.edu.in/alumni/legalbet-es-una-medio-seria-y-no-ha-transpirado-indudablemente-con-documentacion-sobre-clase-del-momento-y-probable/" rel="prev"><i class="icon-left-dir"></i> Legalbet es una medio seria y no ha transpirado indudablemente, con documentacion sobre clase, del momento y probable</a></div>
					<div class="nav-next"><a href="http://klecet.edu.in/alumni/cualquier-esparcimiento-representa-probabilidades-joviales-normas-objetivas-rtp-verificados-asi%ef%bf%bd-como-mesas-gestionadas-por-criterios-certificados/" rel="next">Cualquier esparcimiento representa probabilidades joviales normas objetivas, RTP verificados asi� como mesas gestionadas por criterios certificados <i class="icon-right-dir"></i></a></div>
				</div><!-- #nav-below -->

				 <div id="comments" class="hideme">  <p class="nocomments">Comments are closed</p> </div><!-- #comments -->


						</div><!-- #content -->
			</section><!-- #container -->

	<div style="clear:both;"></div>
	</div> <!-- #forbottom -->


	<footer id="footer" role="contentinfo">
		<div id="colophon">
		
			
			
		</div><!-- #colophon -->

		<div id="footer2">
			<div id="footer2-inside">
			 
			<p class="cust_footer">© KLECET, All Rights reserved.Powered By <a href="http://manomayasoft.com">Manomaya</a></p>
<p class="cust_footer_social">
<a href="https://www.facebook.com/klecet.chikodi" target="_blank"><i class="fa fa-facebook"></i></a> 
<a href="https://twitter.com/klecet_chikodi" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://plus.google.com/+KLECollegeofEnggTechChikodi/posts" target="_blank"><i class="fa fa-google-plus"></i></a>
<a href="http://linkedin.com" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.youtube.com/channel/UC0_XD878YUn8ARJqBcuLOPQ" target="_blank"><i class="fa fa-youtube-play"></i></a>
</p>
			</div> <!-- #footer2-inside -->
		</div><!-- #footer2 -->

	</footer><!-- #footer -->

	</div><!-- #main -->
</div><!-- #wrapper -->


<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/alumni/*"},{"not":{"href_matches":["/alumni/wp-*.php","/alumni/wp-admin/*","/alumni/wp-content/uploads/*","/alumni/wp-content/*","/alumni/wp-content/plugins/*","/alumni/wp-content/themes/nirvana/*","/alumni/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"http://klecet.edu.in/alumni/wp-json/contact-form-7/v1","namespace":"contact-form-7/v1"}};
//# sourceURL=contact-form-7-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.6" id="contact-form-7-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/js/swiped-events.min.js?ver=1.1.4" id="swiped-events-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script>
<script type="text/javascript" id="ditty-news-ticker-js-extra">
/* <![CDATA[ */
var mtphr_dnt_vars = {"is_rtl":""};
//# sourceURL=ditty-news-ticker-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/ditty-news-ticker/legacy/inc/static/js/ditty-news-ticker.js?ver=3.1.52" id="ditty-news-ticker-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/plugins/html5-videogallery-plus-player/assets/js/video.js?ver=2.8.7.1" id="wp-html5video-js-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-content/themes/nirvana/js/frontend.js?ver=1.2.5" id="cryout-frontend-js"></script>
<script type="text/javascript" src="http://klecet.edu.in/alumni/wp-includes/js/comment-reply.min.js?ver=6.9.4" id="comment-reply-js" async="async" data-wp-strategy="async" fetchpriority="low"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"http://klecet.edu.in/alumni/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=http://klecet.edu.in/alumni/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>
<script type="text/javascript">var cryout_global_content_width = 900;</script>
</body>
</html>